:indeterminate

La pseudo-classe :indeterminate permet de cibler :

  • un élément <input type="checkbox"> dont la propriété du DOM indeterminate est fixée à true via du code JavaScript
  • des éléments <input type="radio"> dont tous les boutons radio du groupe sont décochés
  • des éléments <progress> dans un état indéterminé.

Exemples

CSS

input, span {
  background: red;
}

:indeterminate, :indeterminate + span {
  background: limegreen;
}

HTML

<input type="checkbox">
  <span>
    Tout ce paragraphe devrait avoir un fond
    en vert.
  </span>
</input>

JavaScript

document.getElementsByTagName("input")[0].indeterminate = true;

Résultat

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de ':indeterminate' dans cette spécification.
Standard évolutif Aucune modification.
HTML5
La définition de ':indeterminate' dans cette spécification.
Recommendation Définition de la sémantique relative à HTML et aux contraintes de validation.
Selectors Level 4
La définition de ':indeterminate' dans cette spécification.
Version de travail Aucune modification.
CSS Basic User Interface Module Level 3
La définition de ':indeterminate' dans cette spécification.
Candidat au statut de recommandation Définition de la pseudo-classe mais pas de la sémantique associée.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Edge Opera Safari
type="checkbox" (Oui) 3.6 (1.9.2) 9.0 (Oui) 10.60 (2.6) 3.0
<progress> 6.0 6.0 (6.0) 10 (Oui) ? 5.2
type="radio" 39 Pas de support [1] Pas de support Pas de support [3] ? Pas de support [2]
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Edge Opera Mobile Safari Mobile
type="checkbox" ? 1.0 (1.9.2) ? ? ? ?
<progress> ? 6.0 (6.0) ? ? ? ?
type="radio" 39 Pas de support [1] Pas de support Pas de support [3] ? Pas de support [2]

[1] bug 885359 – Radio groups without a selected radio button should have :indeterminate applying

[2] Bug WebKit n°156270

[3] Bug Edge n°7124038

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, GeoffreyC., Goofy, tregagnon, louuis, teoli, FredB
 Dernière mise à jour par : SphinxKnight,