CSS/Selektoren/disabled

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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 Nachbarkombinator.)


Siehe auch

Weblinks