mozilla
Vos résultats de recherche

    :enabled

    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

    Contributors to this page: teoli, tregagnon, FredB
    Dernière mise à jour par : tregagnon,