CSS/Selektoren/checked

Der Begriff checked 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
Parameter	{{{Parameter}}}}}
Browsersupport	Details: caniuse.com

Beispiel

input:checked {
  outline: thin solid green;
}

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

Siehe auch

• CSS/Tutorials/Selektoren/Pseudoklasse
• Formulare/Auswahllisten
  • Radio-Buttons und Checkboxen
• JavaScript/Tutorials/Spiele/Zahlenspiele

Weblinks

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