Comment supprimer le bouton en surbrillance dans Safari lors de l'utilisation de jQuery

Question

J'ai remarqué que, sous Safari sous OS X, les boutons jQuery par défaut semblent être entourés d'une lueur bleue. Il suffit de cocher et la même chose se passe sur la page de démonstration de jQuery UI .

Sous Firefox sur ma même machine, cela ressemble à ceci

Quelqu'un peut-il me dire ce que je peux faire pour supprimer cela sous Safari? Je voudrais toujours le comportement par défaut.

Answer 1

Pour supprimer toute mise en surbrillance des entrées qu'un navigateur peut appliquer comme action par défaut, vous pouvez toujours utiliser outline:none pour leurs CSS. dans votre cas, il s'agit d'un élément button. alors cela devrait marcher:

button {
    outline: none;
}

Bien qu'il ne soit pas recommandé de supprimer le contour CSS. car c'est mauvais pour l'accessibilité. (Merci Robin Clowers pour cette mention)

Answer 2

Essayez d'utiliser ceci 

En CSS:

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

En Javascript:

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

Answer 3

*{
    outline: none;
}

.blah{
    outline-color: blue;
}

Cela n'affectera pas les existences. (.blah) Cela fonctionne également sur Google Chrome.

Live demo:http://jsfiddle.net/DerekL/TUbjc/

Answer 4

Ce bouton a en fait une propriété de contour définie. Vous devez passer outre ceci. Si vous inspectez cela dans Firebug, vous verrez la déclaration CSS suivante pour ce bouton:

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