如何在不影响可访问性的情况下删除 Chrome 中按钮的蓝色边框？

从 Chrome 中的自定义样式按钮中删除蓝色边框

在自定义工作中，将 的边框设置为无在 Chrome 中单击标签时，按钮周围会出现蓝色边框。虽然button:active {outline:none}和button:focus{outline:none}看起来像是可行的解决方案，但它们无法消除问题。

推荐方法：

强烈建议不要删除焦点或轮廓样式，因为这会影响网站的可访问性。有关更多信息，请参阅此讨论。

替代方法（不推荐）：

如果认为有必要，此 CSS 代码可以有效删除蓝色边框：

button:focus { outline:0; }

可以在此 JSFiddle 中找到一个工作示例： http://jsfiddle.net/u4pXu/

以上是如何在不影响可访问性的情况下删除 Chrome 中按钮的蓝色边框？的详细内容。更多信息请关注PHP中文网其他相关文章！