CSS/Selektoren/indeterminate

Browserunterstützung
caniuse.com

Der :indeterminate-Pseudoklassen-Selektor bezeichnet Formularelemente, deren Status unbestimmt (engl. indeterminate) ist, z. B. Checkboxen, die mit JavaScript auf einen unbestimmten Status gesetzt wurden, Optionsfelder, die zu einer Gruppe gehören, in der alle Optionsfelder deaktiviert sind, und progress-Elemente ohne Wertattribut.

Syntax

:indeterminate {}

anwendbar auf

* <input type="checkbox">-Elemente, deren indeterminate-Eigenschaft auf true gesetzt ist.

• <input type="radio">-Elemente mit dem gleichen Namenswert, die nicht angekreuzt sind
• progress-Elemente ohne Wert und so auf indeterminate gesetzt

Beispiel

progress {
  margin: 4px;
}

progress:indeterminate {
  width: 80vw;
  height: 20px;
}

 

Siehe auch

• Formulare
  • Auswahllisten

Weblinks

• WHATWG: indeterminate Selectors Level 4
• MDN: :indeterminate
• Browser-Support: caniuse.com