CSS3 :disabled Pseudo-Klasse

Definition und Verwendung

CSS :disabled Pseudo-Klassen werden verwendet, um die Stile für alle deaktivierten Elemente auszuwählen und zu setzen (hauptsächlich für Formularelemente verwendet).

Hinweis::enabled Pseudo-Klassen werden verwendet, um die Stile für alle aktiven Elemente auszuwählen und zu setzen (hauptsächlich für Formularelemente verwendet).

Beispiel

Beispiel 1

Legen Sie die Hintergrundfarbe für alle deaktivierten <input>-Elemente auf hellgrau und für alle aktiven <input>-Elemente auf gelb fest:

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

Versuchen Sie es selbst!

Beispiel 2

Legen Sie die Hintergrundfarbe für alle deaktivierten <option>-Elemente fest:

option:disabled {
  background-color: lightgray;
}

Versuchen Sie es selbst!

CSS-Syntax

:disabled {
  css-Anweisungen;
}

Technische Details

Version: CSS3

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die den Pseudo-Klassen vollständig unterstützt.

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

Verwandte Seiten

Referenz:CSS :enabled Pseudo-Klasse