单击时删除蓝框？

Question

我正在使用 Material UI 并且以前从未见过这种行为。它发生在我的许多按钮上，我想改变它并只使用涟漪效应。我不确定是什么导致了这种行为。这个蓝色框一直留在那里，直到我点击离开。我不想看到它，谢谢！！

更新：在 :focus 期间添加了此样式，但未添加 Mui class。

<IconButton>
    <ChevronRightIcon />
</IconButton>

Answer 1

这就是所谓的 outline。您可以通过将相应的 css 属性设置为 none 来删除它：

button:focus {
  outline: none;
}

Answer 2

在对 chrome 开发工具进行更多调查后，我刚刚解决了这个问题。

button:focus {
    outline: 1px dotted;
    outline 5px auto -webkit-focus-ring-color
}

正在添加到按钮。不确定从哪里添加

button:focus {
    outline: none;
}

到 App.css 完成了这项工作。如果有人可以在下面评论为什么这是 added/why 我以前从未遇到过这种情况，那将不胜感激！

Remove blue box when clicked?