:focus

Résumé

La pseudo-classes 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
La définition de ':focus' dans cette spécification.
Version de travail Aucun changement.
Selectors Level 3
La définition de ':focus' dans cette spécification.
Recommendation Aucun changement.
CSS Level 2 (Revision 1)
La définition de ':focus' dans cette spécification.
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 à cette page : tregagnon, teoli, FredB, the prisoner
Dernière mise à jour par : tregagnon,