:enabled

par 3 contributeurs :

Résumé

La pseudo-classes :enabled représente n'importe quel élément activé. Un élément est actif s'il peut être activé (par exemple 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
La définition de ':enabled' dans cette spécification.
Standard évolutif Pas de modification.
HTML5
La définition de ':enabled' dans cette spécification.
Recommendation Définit la sémantique en rapport avec HTML et les formulaires.
Selectors Level 4
La définition de ':enabled' dans cette spécification.
Version de travail Pas de modification.
CSS Basic User Interface Module Level 3
La définition de ':enabled' dans cette spécification.
Version de travail Lie à Selectors Level 3.
Selectors Level 3
La définition de ':enabled' dans cette spécification.
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 à cette page : tregagnon, teoli, FredB
Dernière mise à jour par : tregagnon,