使用jQuery时，如何删除Safari中的默认button突出显示

我注意到，在OS X的Safari浏览器下，我的默认jQuerybutton似乎在他们周围有一个蓝色的辉光高光。 只是检查，同样的事情发生在jQuery UI演示页面 。

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

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

Answer 1

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

 button { outline: none; } 

虽然不build议删除CSS大纲。 因为这对可访问性是不利的。 （感谢Robin Clowers提到这个）

Answer 2

 *{ outline: none; } .blah{ outline-color: blue; } 

这不会影响已有的。 （ .blah ）这也适用于Google Chrome。

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

Answer 3

尝试使用这个

在CSS中：

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

在Javascript中：

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

Answer 4

这个button实际上已经定义了一个outline属性。 你必须重写这个。 如果你在Firebug中检查这个，你会看到下面这个button的CSS声明：

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