CSS3 :disabled-pseudoklasse

Definition og brug

CSS :disabled Pseudoklasser bruges til at vælge og sætte stilen på alle deaktiverede elementer (især formelementer).

Tip::enabled Pseudoklasser bruges til at vælge og sætte stilen på alle aktiverede elementer (især formelementer).

Eksempel

Eksempel 1

Indstil baggrundsfarve til alle deaktiverede <input>-elementer til lysgrå og til alle aktiverede <input>-elementer til gullig:

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

Prøv det selv

Eksempel 2

Indstil baggrundsfarve for alle deaktiverede <option>-elementer:

option:disabled {
  background-color: lighgray;
}

Prøv det selv

CSS-sprog

:disabled {
  css-udtryk;
}

Tekniske detaljer

Version: CSS3

Browser-understøttelse

Tabellennumre angiver den første browser-version, der fuldt ud understøtter den pseudoklasse.

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

Relaterede sider

Referencer:CSS :enabled pseudo-klass