Pseudoklasse indeterminate

Die Pseudoklasse indeterminate legt den Stil für Schalter fest, die sich in einem unbestimmten Zustand befinden, d.h. nicht mit einem Häkchen markiert sind.

Syntax

cssSelektor:indeterminate {
  
}

Beispiel

Lassen Sie uns den Text in grüner Farbe darstellen, wenn sich der Schalter in einem unbestimmten Zustand befindet:

html<form>
  <p>
    <input type="checkbox">
      <span>Text</span>
  </p>
</form>
cssinput:indeterminate, input:indeterminate + span {
  color: green;
}
input, span {
  color: black;
}
javascriptdocument.getElementsByTagName('input')[0].indeterminate = true;

Результат:

Siehe auch

  • Pseudoklasse :default,
    die Standardelemente stilisiert
  • Pseudoklasse :optional,
    die Eingabefelder ohne required-Attribut stilisiert
  • Pseudoklasse :placeholder-shown,
    die Elemente bei der Anzeige von Platzhaltertext stilisiert
  • Pseudoklasse :read-only,
    die nicht veränderbare Eingabefelder stilisiert
  • Pseudoklasse :required,
    die Eingabefelder mit required-Attribut stilisiert
  • Pseudoklasse :focus-within,
    die fokussierte Elemente stilisiert
  • Eigenschaft caret-color,
    die die Farbe des Textcursors in Eingabefeldern festlegt