CSS/Selektoren/checked

Der Titel dieses Artikels ist mehrdeutig. checked (angekreuzt) bezeichnet …

• das HTML-Attribut checked für input type="radio" oder type="checkbox"
• die CSS-Pseudoklasse :checked
• die JavaScript-Eigenschaft elements.checked

Der :checked-Selektor selektiert Formularelemente danach, ob sie angewählt (checked, check = Haken) sind.

Syntax	:checked
Browsersupport	Details: caniuse.com

Beispiel

input:checked {
  outline: 2px solid green;
}

Im vorliegenden Beispiel werden die ausgewählten Checkboxen mit einer grünen Linie umgeben.

Siehe auch

• CSS/Tutorials/Selektoren/Pseudoklasse
• HTML/Tutorials/Formulare/Buttons und Schalter
• JavaScript/Tutorials/Spiele/Zahlenspiele

Weblinks

• W3C: checked Selectors Level 4
• MDN: :checked