Pseudo-classe :disabled CSS3

Définition et utilisation

CSS :disabled Les pseudo-classes sont utilisées pour sélectionner et définir les styles de tout élément désactivé (principalement utilisés pour les éléments de formulaire).

Conseil ::enabled Les pseudo-classes sont utilisées pour sélectionner et définir les styles de tout élément activé (principalement utilisés pour les éléments de formulaire).

Exemple

Exemple 1

Définir la couleur de fond clair pour tous les éléments <input> désactivés et la couleur jaune pour tous les éléments <input> activés :

input:disabled {
background-color: lightgray;
}
input:enabled {
background-color: yellow;
}

Essaye-le toi-même

Exemple 2

Définir la couleur de fond pour tous les éléments <option> désactivés :

option:disabled {
  background-color: lightgray;
}

Essaye-le toi-même

Syntaxe CSS

:disabled {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette pseudo-classe entièrement.

Pages connexes

Référence :Pseudo-classe :enabled CSS