Pseudoklasa indeterminate

Pseudoklasa indeterminate określa styl przełącznikom, które znajdują się w stanie nieokreślonym, tj. nie zaznaczonym.

Składnia

cssselektor:indeterminate {
  
}

Przykład

Zmieńmy kolor czcionki tekstu na zielony, gdy przełącznik znajduje się w stanie nieokreślonym:

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

Результат:

Zobacz też

  • pseudoklasa :default,
    która określa styl elementów domyślnych
  • pseudoklasa :optional,
    która określa styl dla inputa bez atrybutu required
  • pseudoklasa :placeholder-shown,
    która określa styl elementom przy wyświetlaniu tekstu podpowiedzi
  • pseudoklasa :read-only,
    która określa styl inputom niedostępnym do zmiany
  • pseudoklasa :required,
    która określa styl dla inputa z ustawionym atrybutem required
  • pseudoklasa :focus-within,
    która określa styl elementom w fokusie
  • właściwość caret-color,
    która określa kolor kursora tekstowego w inpucie