:indeterminate - Sélecteur CSS

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 :

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.

1

Pseudo-classe
:indeterminate

2

Pseudo-classe
:indeterminate
sur les boutons radio

3

Pseudo-classe
:indeterminate
sur les cases à cocher

4

Pseudo-classe
:indeterminate
sur les barres de progression

Estimation de la prise en charge globale.

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

Caniuse

Caniuse

Caniuse

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 désignant les cases à cocher et boutons radio qui sont cochés par défaut.
:disabled
Pseudo-classe désignant les zones de saisie veerrouillées.
:enabled
Pseudo-classe désignant les zones de saisies non verrouillées.
:in-range
Pseudo-classe désignant les zones de saisie dont la valeur est dans la fourchette autorisée.
:invalid
Pseudo classe désignant les zones de saisie contenant une information invalide.
⚠
:open
Pseudo-classe ciblant les éléments pouvant être soit ouverts, soit fermés (comme select), et qui se trouvent dans l'état ouvert.
:optional
Pseudo élément désignant les zones de saisie non obligatoires.
:out-of-range
Pseudo-classe désignant les zones de saisie dont la valeur est en dehors de la plage autorisée.
:placeholder-shown
Pseudo-classe désignant les zones de saisie comportant un texte d'aide.
:read-only
Pseudo-classe désignant les zones de saisie en lecture seule.
:read-write
Pseudo-classe désignant les zones de saisie en lecture écriture.
:required
Pseudo-classe désignant les zones de saisie obligatoires.
:user-invalid
Pseudo-classe désignant les zones de saisie dont la valeur est invalide.
:user-valid
Pseudo-classe désignant les zones de saisie dont la valeur est valide.
:valid
Pseudo-classe désignant les zones de saisie contenant une information valide.