:enabled

Résumé

La pseudo-classe :enabled représente n'importe quel élément activé. Un élément est actif s'il peut être activé (p. ex. sélectionné, cliqué ou accepte du contenu textuel) ou accepte la mise en sélection. L'élément a aussi un état désactivé, dans lequel il ne peut recevoir aucune action ou accepter la mise en sélection.

Exemple

L'exemple suivant va créer un texte de couleur verte lorsqu'il est activé, et une couleur grise lorsqu'il est désactivé. Ceci permet à l'utilisateur d'obtenir de l'information concernant les éléments avec lesquels il peut intéragir.

Le HTML suivant…

<form action="url_du_formulaire">
  <label for="FirstField">Premier champ (activé) :</label> <input type="text" id="FirstField" value="Lorem"><br>
  <label for="SecondField">Second champ (désactivé) :</label> <input type="text" id="SecondField" value="Ipsum" disabled><br>
  <input type="submit" value="Envoyer">
</form>  

…utilisé avec ce CSS…

input:enabled {
  color: #22AA22;
}
input:disabled {
  color: #D9D9D9;
}  

… donnera comme résultat :

Veuillez noter que la couleur du texte sur le bouton est aussi verte, puisque le bouton est lui aussi activé.

Spécifications

Spécification Statut Commentaire
WHATWG HTML Living Standard Living Standard Pas de modification.
HTML5 Candidate Recommendation Définit la sémantique en rapport avec HTML et les formulaires.
Selectors Level 4 Working Draft Pas de modification.
CSS Basic User Interface Module Level 3 Working Draft Lie vers Selectors Level 3.
Selectors Level 3 Recommendation Définit la pseudo-classe, mais pas la sémantique associée.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 1.0 1.0 (1.7 ou moins) 9.0 9.0 3.1
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base 2.1 1.0 (1) 9.0 9.5 3.1

Voir également

Étiquettes et contributeurs liés au document

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