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
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

Weblinks