Pseudoklasa CSS3 :disabled

Definicja i użycie

CSS :disabled Pseudoklasy służą do wyboru i ustawiania stylów dla wszystkich wyłączonych elementów (głównie elementów formularzy).

Wskazówka::enabled Pseudoklasy służą do wyboru i ustawiania stylów dla wszystkich włączonych elementów (głównie elementów formularzy).

Przykład

Przykład 1

Ustaw kolor tła na jasnoszary dla wszystkich wyłączonych elementów <input>, oraz na żółty dla wszystkich włączonych elementów <input>:

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

Spróbuj sam

Przykład 2

Ustaw kolor tła dla wszystkich wyłączonych elementów <option>:

option:disabled {
  background-color: lighgray;
}

Spróbuj sam

Gramatyka CSS

:disabled {
  deklaracje css;
}

Szczegóły techniczne

Wersja: CSS3

Obsługa przeglądarek

Tabela zawiera numer pierwszej wersji przeglądarki, która w pełni obsługuje ten pseudoklasę.

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

Strony powiązane

Źródło:Pseudoklasa :enabled w CSS