Referenz:CSS/Selektoren/disabled

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Selektor disabled CSS 3.0
Beschreibung selektiert Formularelemente danach, ob sie anwählbar (enabled = freigegeben), nicht anwählbar (disabled = gesperrt) oder angewählt (checked, check = Haken) sind.
Syntax :disabled
Browsersupport
  • Chrome
  • Firefox
  • IE 9
  • Opera
  • Safari
Spezifikation W3c logo klein.gif Selectors Level 4
Beispiel
input:disabled + span::after {content: " nicht auswählbar"}
input:disabled {outline: 2px solid red;}

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

Beachten Sie
Tipp