`:indeterminate` - Sélecteur CSS

:indeterminate

Résumé des caractéristiques du sélecteur `:indeterminate`

Description rapide

Pseudo classe désignant les zones de saisie dont la valeur est indéterminée.

Statut

Standard

Module W3C

Sélecteurs

Références (W3C)

🡇

🡅

Selectors Level 4

Statut du document: WD (document de travail)

Selectors Level 3

Statut du document: REC (recommandation)

Description de la pseudo-classe `:indeterminate`.

La pseudo-classe :indeterminate désigne les éléments qui se trouvent dans un état indéterminé :

Les boutons radio dont aucun n'est coché dans le groupe.
Les barres de progression ( balises progress ) dont l'attribut value est absent.
Les cases à cocher qui ont la valeur indeterminate.

Notez que HTML seul ne peut pas définir la valeur indéterminée pour les cases à cocher. Il faudra passer par un bout de code Javascript :


	document.getElementById("...").indeterminate=true;

Exemples avec `:indeterminate`.

Les éléments ci-dessous sont dans un état indéterminé : le CSS les entoure de rouge. Si vous sélectionnez un des boutons radio ou si vous cochez une des cases à cocher, vous devrez rafraîchir la page pour leur redonner un état indéterminé.

Compatibilité des navigateurs.

Colonne 1

Support par les navigateurs de la pseudo-classe :indeterminate qui cible les boutons radio, les cases à cocher ou la barres de progression lorsqu'elles sont dans un état indéterminé.

Colonne 2

Support de la pseudo-classe :indeterminate pour cibler les boutons radio dans un état indéterminé.

Colonne 3

Support de la pseudo-classe :indeterminate pour cibler les cases à cocher dans un état indéterminé.

Colonne 4

Support de la pseudo-classe :indeterminate pour cibler les barres de progression dans un état indéterminé.

Pseudo-classe
:indeterminate

Pseudo-classe
:indeterminate
sur les boutons radio

Pseudo-classe
:indeterminate
sur les cases à cocher

Pseudo-classe
:indeterminate
sur les barres de progression

Estimation de la prise en charge globale.

97%

96%

97%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

QQ Browser

Opéra Mobile

Baidu Browser

KaiOS Browser

UC Browser pour Androïd

Chrome

Edge

Firefox

Androïd Brower

Chrome pour Androïd

Firefox pour Androïd

Samsung Internet

Opéra

Safari

Safari sur IOS

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

Historique de la pseudo-classe `:indeterminate`.

Sélecteurs - Niveau 3

Concernant :indeterminate Introduction du sélecteur par pseudo-classe :indeterminate dans le niveau 3 de la spécification.

03 Août 1999
Document de travail.
13 Novembre 2001
Candidat à la recommandation.
15 Décembre 2009
Proposé à la recommandation.
29 Septembre 2011
Recommandation.
Sélecteurs - Niveau 4

Concernant :indeterminate Pas de modification de la pseudo-classe :indeterminate dans ce niveau de la spécification.

29 Septembre 2011
Document de travail.

Voir aussi...

De nombreuses pseudo-classes sont relatives à l'état des zones de saisie à un moment donné (cochées, désactivées, actives, etc.). Voici la liste de ces pseudo-classes avec les liens vers les pages correspondantes.

:autofill

Pseudo-classe désignant les éléments de saisie dont le contenu a été renseigné automatiquement par le navigateur.

⚠

:blank

Pseudo classe désignant les zones de saisie vides.

:checked

Pseudo-classe désignant les cases à cocher (ou boutons radio) qui sont cochés, ainsi que les éléments de menu sélectionnés.

⚠

:closed

Pseudo-classe ciblant un élément pouvant être soit ouvert, soit fermé (comme un menu select), et qui se trouve dans l'état fermé.

:default

Pseudo-classe ciblant les cases à cocher et boutons radio qui sont cochés par défaut.