Comment se débarrasser de la surbrillance de sélection de zone de texte sur Chrome / Safari?

Question

Lorsque vous utilisez Chrome ou Safari, un active text box ou text area affichera un border bleu / orange autour de la boîte. J'ai vu certains sites s'en débarrasser, mais j'ai copié leur CSS et il est toujours là. Comment fait-on ça?

Answer 1

Le CSS suivant supprime généralement la bordure de surbrillance par défaut:

 input:focus {outline: none; }
 

Il convient de se rappeler que le contour est un retour visuel utile pour le focus de l'interface utilisateur, pour les utilisateurs n'utilisant pas de souris (navigation au clavier, par exemple), et il vaut la peine de remplacer un autre repère visuel pour remplacer la perte du contour.

Answer 2

Vous pouvez utiliser

 input:focus, textarea:focus {
    outline: 0;
}
 

Mais essayez d'indiquer à l'utilisateur que l'élément de formulaire est ciblé, pour des raisons d'accessibilité.

Answer 3

Je viens de faire ceci:

 :focus { outline: none; }