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

我注意到在 OS X 上的 Safari 下，我的默认 jQuery 按钮周围似乎有蓝色的高光。刚刚检查过，同样的事情发生在 jQuery UI Demo page 上.

Default button highlighting under Safari

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

enter image description here

谁能告诉我如何在 Safari 下删除它？我仍然喜欢默认行为。

最佳答案

要删除任何浏览器可能应用为默认操作的输入突出显示，您始终可以使用 outline:none 作为它们的 css。在您的情况下，它是一个 button 元素。所以这应该有效:

button {
    outline: none;
}

Although it's not recommended to remove the CSS outline.因为它不利于可访问性。 (感谢 Robin Clowers 提到这一点)

关于css - 使用 jQuery 时如何删除 Safari 中的默认按钮突出显示，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14098735/