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

Question

我注意到在OS X上的Safari下,我的默认jQuery按钮似乎在它们周围有一个蓝色的高光.刚刚检查过,jQuery UI Demo页面上发生了同样的事情.

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

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

Answer 1

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

button {
    outline: none;
}

虽然不建议删除CSS大纲.因为它对可访问性不利.(感谢Robin Clowers提到这个)

Answer 2

试试这个

在CSS中:

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

在Javascript中:

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