css – 如何在使用jQuery时删除Safari中的默认按钮突出显示

我注意到，在Safari上OS X我的默认jQuery按钮看起来有一个蓝色的光辉高亮周围。刚刚检查，同样的事情发生在 jQuery UI Demo page。

在同一台机器上的Firefox下看起来像这样

任何人都可以告诉我，我可以做什么删除这个在Safari下？我仍然喜欢默认行为。

解决方法

要删除任何浏览器可能应用为默认操作的任何突出显示的输入，您可以始终使用outline：none作为其CSS。在你的情况下，它是一个按钮元素。所以这应该工作：

button {
    outline: none;
}

Although it’s not recommended to remove the CSS outline.，因为它是不好的无障碍。 (谢谢Robin Clowers提到这一点)

原文地址：https://www.jb51.cc/css/220686.html