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

我注意到，在OSX上的Safari下，我的默认jQuery按钮周围似乎有一个蓝色的高亮显示。刚刚检查过，同样的事情也发生在屏幕上

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

有人能告诉我在Safari下我能做些什么来移除这个吗？我仍然喜欢默认的行为

*{
    outline: none;
}

.blah{
    outline-color: blue;
}

这不会影响现有的。（

.blah

）这也适用于谷歌浏览器

---

实时演示：

要删除任何浏览器可能作为默认操作应用的任何突出显示的输入，您可以始终对其css使用

outline:none

。在您的例子中，它是一个

按钮

元素。因此，这应该是可行的：

button {
    outline: none;
}

因为它不利于可访问性。（感谢罗宾·克洛沃斯提到这一点）

试试这个

在CSS中：

-webkit-tap-highlight-color: rgba(0,0,0,0);

在Javascript中：

---

document.addEventListener（“touchstart”，function（）{}，true

）

此按钮实际上定义了一个outline属性。你必须覆盖这个。如果您在Firebug中检查此按钮，您将看到此按钮的以下CSS声明：

.ui-dialog .ui-dialog-buttonpane button{outline:none;}

---

你有没有尝试过

outline:none

的

css

？@Richard:请查看我的更新答案，选择准确的按钮。我想，这会隐藏按钮entirely@ArashMilani：对不起，我的意思是：没有；谢谢，这正是我想要的。这对可访问性不好：链接不起作用，因为末尾有额外的

/

。如果你把它移走，页面就会被找到。@BishopBarber谢谢你的提示。它现在正在工作。