Pseudoclasse indeterminate

La pseudoclasse indeterminate definisce lo stile agli interruttori che si trovano in uno stato indeterminato, cioè non sono selezionati.

Sintassi

cssselettore:indeterminate {
  
}

Cambiamo il colore del testo in verde, quando l'interruttore si trova in uno stato indeterminato:

html<form>
  <p>
    <input type="checkbox">
      <span>Testo</span>
  </p>
</form>

cssinput:indeterminate, input:indeterminate + span {
  color: green;
}
input, span {
  color: black;
}

javascriptdocument.getElementsByTagName('input')[0].indeterminate = true;

Результат:

la pseudoclasse :default,
che definisce lo stile agli elementi predefiniti
la pseudoclasse :optional,
che definisce lo stile all'input che non ha l'attributo required
la pseudoclasse :placeholder-shown,
che definisce lo stile agli elementi quando viene visualizzato il testo suggerimento
la pseudoclasse :read-only,
che definisce lo stile agli input non modificabili
la pseudoclasse :required,
che definisce lo stile all'input che ha l'attributo required impostato
la pseudoclasse :focus-within,
che definisce lo stile agli elementi a fuoco
la proprietà caret-color,
che definisce il colore del cursore di testo nell'input