Suppression de la lueur bleue d'une entrée de texte HTML lorsqu'elle est sélectionnée

Question

Comment supprimer la lueur bleue qui entoure une zone de saisie de texte sélectionnée en utilisant une pure CSS ?

Answer 1

Cela devrait le faire :

input:focus {
    outline:none;
}

EDIT (2015) : Si votre conception s'adresse à un large public, n'oubliez pas que le contour est souvent une caractéristique d'accessibilité essentielle pour les utilisateurs qui naviguent au moyen de 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.

Answer 2

Je préfère une remise à zéro solide comme :

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

L'option "none" sur les balises d'ancrage permet d'éviter les contours de mise au point dans de nombreux navigateurs Android.

Answer 3

Si vous utilisez bootstrap alors vous devez ajouter box-shadow: none

input:focus {
    outline:none;
    box-shadow: none;
}