:focus

Résumé

La pseudo-classe CSS :focus permet de spécifier l'aspect d'un élément lorsque celui-ci reçoit le focus, que ce soit parce que l'utilisateur le sélectionne en utilisant le clavier, ou en l'activant avec la souris (en le survolant pour un lien, en cliquant dessus pour un champ texte).

Syntaxe

element:focus { propriétés CSS }

Exemple

.first-name:focus { color: red; }
.last-name:focus { color: lime; }
<input class="first-name" value="Je serai rouge quand je recevrais le focus">
<input class="last-name" value="Je serai vert quand je recevrais le focus">

Spécifications

Spécification Statut Commentaire
Selectors Level 4 Working Draft Aucun changement.
Selectors Level 3 Recommendation Aucun changement.
CSS Level 2 (Revision 1) Recommendation Première défintiion.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 1.0 1.0 (1.7 ou moins) 8.0 7.0 1.0
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base 1.0 1.0 (1) 8.0 6.0 1.0

 

Étiquettes et contributeurs liés au document

Contributeurs ayant participé à cette page : the prisoner, tregagnon, FredB
Dernière mise à jour par : tregagnon,
Masquer la barre latérale