CSS/Selektoren/disabled

Der :disabled-Selektor selektiert Formularelemente danach, ob sie anwählbar (enabled = freigegeben), nicht anwählbar (disabled = gesperrt) oder angewählt (checked, check = Haken) sind.

Syntax	:disabled
Parameter	{{{Parameter}}}}}
Browsersupport	Details: caniuse.com

Beispiel

input:disabled + span::after {
  content: " nicht auswählbar";
}
input:disabled {
  outline: medium solid red;
  background-color: grey;
}

Im vorliegenden Beispiel werden die gesperrten Checkboxen mit einer roten Linie umgeben. Zusätzlich wird eine Erläuterung generiert. (Das Pluszeichen repräsentiert den Nachbar-Kombinator.)

Siehe auch

• HTML/Attribute/disabled
• Formulare
  • Ausgrauen: disabled vs readonly
• CSS/Tutorials/Selektoren/Pseudoklasse

Weblinks

• W3C: disabled Selectors Level 4