CSS3 :disabled-pseudoklass

Definition och användning

CSS :disabled Pseudoklasser används för att välja och ställa in stilen för alla inaktiverade element (används huvudsakligen för formulärelement).

Tips::enabled Pseudoklasser används för att välja och ställa in stilen för alla aktiverade element (används huvudsakligen för formulärelement).

Exempel

Exempel 1

Ställ in ljusgrå bakgrundsfärg för alla inaktiverade <input>-element och gul bakgrundsfärg för alla aktiverade <input>-element:

input:disabled {
background-color: ljusgrå;
}
input:enabled {
background-color: gult;
}

Prova själv

Exempel 2

Ställ in bakgrundsfärg för alla inaktiverade <option>-element:

option:disabled {
  background-color: ljusgrå;
}

Prova själv

CSS syntax

:disabled {
  css deklarationer;
}

技术细节

版本: CSS3

浏览器支持

数字在表格中指定了完全支持该伪类的第一个浏览器的版本。

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

Relaterade sidor

Referens:CSS :enabled pseudoklass