La :enabledpseudo-classe en CSS sélectionne les éléments focalisables qui ne sont pas désactivés, et donc activés. Il est uniquement associé à des éléments de forme ( , , ). Les éléments activés incluent ceux que vous pouvez sélectionner, dans lesquels vous pouvez saisir des données ou sur lesquels vous pouvez vous concentrer ou cliquer.
Ainsi, lorsqu'une case est cochée et que vous ciblez l'étiquette immédiatement après:
input:enabled + label ( color: #333; font-style: italic; )Le texte de l'étiquette sera gris foncé et en italique si la case est cochée, ce qui signifie que l'utilisateur peut l'activer et la désactiver.
En théorie, :enableddevrait correspondre à un , ou à des href attributs, mais les navigateurs ne semblent pas gérer ce scénario. Vous pouvez définir le style , , , , et s qui ne sont pas désactivées. Quand est pris en charge, nous devrions également pouvoir cibler et
On pourrait également penser que les éléments avec contenteditable et tabindex attributs seraient sélectionnables avec la :enabled pseudo-classe. La spécification ne l'indique pas et les navigateurs ne le prennent pas en charge.
| Chrome | Safari | Firefox | Opéra | C'EST À DIRE | Android | iOS |
|---|---|---|---|---|---|---|
| Tout | 3.1 | Tout | 9 | 9 | Tout | Tout |