CSS3 :disabled pseudoklasse

Definitie en gebruik

CSS :disabled Pseudoklassen worden gebruikt om de stijl van alle gedeactiveerde elementen te kiezen en in te stellen (voornamelijk voor formulierelementen).

Tip::enabled Pseudoklassen worden gebruikt om de stijl van alle geactiveerde elementen te kiezen en in te stellen (voornamelijk voor formulierelementen).

Voorbeeld

Voorbeeld 1

Stel de lichte grijs achtergrondkleur in voor alle gedeactiveerde <input> elementen en de gele achtergrondkleur in voor alle geactiveerde <input> elementen:

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

Probeer het zelf uit

Voorbeeld 2

Stel de achtergrondkleur in voor alle gedeactiveerde <option> elementen:

option:disabled {
  background-color: lighgray;
}

Probeer het zelf uit

CSS syntaxis

:disabled {
  css declaraties;
}

Technische details

Versie: CSS3

Browserondersteuning

De cijfers in de tabel specificeren de eerste browserversie die de pseudoklasse volledig ondersteunt.

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

Gerelateerde pagina's

Referentie:CSS :enabled pseudoklasse