web-dev-qa-db-fra.com

Suppression de la lueur bleue d'une entrée de texte HTML lorsque cette option est sélectionnée

Comment puis-je supprimer la lueur bleue qui entoure une zone de saisie de texte sélectionnée à l'aide de CSS pur?

69
JSW189

Cela devrait le faire:

input:focus {
    outline:none;
}

EDIT (2015): Si vous concevez pour un large public, rappelez-vous que le contour est souvent une fonctionnalité d'accessibilité essentielle pour les utilisateurs qui naviguent via des claviers ou qui ont besoin d'un retour visuel plus apparent. Si vous supprimez le contour, veillez à définir un autre état de focus qui fournisse un retour visuel approprié à vos utilisateurs.

140
Purag

Je préfère une réinitialisation solide de Nice comme:

input, textarea, select, a { outline: none; }

Le contour 'aucun' sur les balises d'ancrage empêche les contours de focus horribles sur de nombreux Android navigateurs.

14
wilsonpage