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

Question

我注意到在 OS X 上的 Safari 下，我的默认 jQuery 按钮周围似乎有一个蓝色的发光高亮。刚刚检查并在jQuery UI 演示页面上发生了同样的事情。

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

谁能告诉我在 Safari 下我能做些什么来删除它？我仍然喜欢默认行为。

Answer 1

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

button {
    outline: none;
}

虽然不建议删除 CSS 轮廓。因为它不利于可访问性。（感谢罗宾克劳斯提到这一点）

Answer 2

尝试使用这个

在 CSS 中：

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

在 Javascript 中：

document.addEventListener("touchstart", function(){}, true);

Answer 3

*{
    outline: none;
}

.blah{
    outline-color: blue;
}

这不会影响现有的。( .blah) 这也适用于谷歌浏览器。

现场演示：http: //jsfiddle.net/DerekL/TUbjc/

Answer 4

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

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