Pseudo-classe indeterminate

La pseudo-classe indeterminate définit le style des interrupteurs qui se trouvent dans un état indéterminé, c'est-à-dire non cochés.

Syntaxe

csssélecteur:indeterminate {
  
}

Changeons la couleur du texte en vert lorsque l'interrupteur est dans un état indéterminé :

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

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

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

Результат:

la pseudo-classe :default,
qui définit le style des éléments par défaut
la pseudo-classe :optional,
qui définit le style des inputs sans attribut required
la pseudo-classe :placeholder-shown,
qui définit le style des éléments lors de l'affichage du texte d'aide
la pseudo-classe :read-only,
qui définit le style des inputs non modifiables
la pseudo-classe :required,
qui définit le style des inputs avec l'attribut required
la pseudo-classe :focus-within,
qui définit le style des éléments ayant le focus
la propriété caret-color,
qui définit la couleur du curseur texte dans l'input