Le :disabledsélecteur de pseudo-classe fournit un style conditionnel aux éléments HTML qui peuvent recevoir une entrée utilisateur, lorsque les éléments ont l' disabledattribut. Il est défini dans la spécification CSS Selectors Level 3 comme une «pseudo-classe d'état d'élément d'interface utilisateur», ce qui signifie qu'il est utilisé pour styliser le contenu en fonction de l'interaction de l'utilisateur avec un élément d'entrée.
Les éléments qui peuvent recevoir l' disabledattribut comprennent , , , , et . Il existe deux syntaxes valides pour définir cet attribut: soit disabled="disabled"ou (en HTML5) simplement le disabledmot clé booléen. Un élément est désactivé s'il ne peut pas être activé (par exemple sélectionné, cliqué sur ou accepter la saisie de texte) ou accepter le focus.
Un tel élément peut être stylisé à l'aide du :disabledsélecteur de pseudo-classe:
Points d'interêts
:disabledpeut être «enchaîné» avec d'autres pseudo-sélecteurs: comme:beforeou:afterpour générer des icônes ou du texte pour fournir plus de commentaires aux utilisateurs.- Toute propriété qui peut être animée avec des transitions CSS ou des animations sera correctement animée lorsque l'
disabledattribut est ajouté ou supprimé de l'élément HTML.
Prise en charge du navigateur
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| Tout | 3.1 | Tout | 9 | 9 | Tout | Tout |