单击时删除蓝色框？ [复制]答案

【问题标题】：Remove blue box when clicked? [duplicate]单击时删除蓝色框？ [复制]
【发布时间】：2021-06-04 05:21:39
【问题描述】：

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

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

<IconButton>
    <ChevronRightIcon />
</IconButton>

【问题讨论】：

【解决方案1】：

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

button:focus {
  outline: none;
}

【讨论】：

【解决方案2】：

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

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

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

button:focus {
    outline: none;
}

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

【讨论】：