CSS/Selektoren/checkmark

Browserunterstützung
caniuse.com

Der ::checkmark-Selektor zielt auf das Häkchen ab, das sich innerhalb des aktuell ausgewählten option-Elements eines anpassbaren Auswahlelements befindet. Es kann verwendet werden, um visuell anzuzeigen, welche Option ausgewählt ist.

Syntax

::checkmark {}

Beispiel

option::checkmark {
  order: 1;
  margin-left: auto;
  content: "☑️";
}

Der Haken wird mit order nach vorne gebracht und erhält als Inhalt einen Haken.

Siehe auch

• Formulare
  • Auswahllisten

Weblinks

• CSSWG: #checkmark CSS Form Control Styling Level 1

MDN: ::checkmark

• Browser-Support: caniuse.com