: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)
 🡇  
 🡅  
Statut du document: WD (document de travail)
Statut du document: REC (recommandation)

Pseudo-classe :indeterminate - Description

La pseudo-classe :indeterminate désigne les éléments de formulaire qui se trouvent dans un des états suivants :

  • 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;

Pseudo-classe :indeterminate - Exemples d'utilisation.

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é.





Permis :

Pseudo-classe :indeterminate - Compatibilité des navigateur.

Le sélecteur :indeterminate est bien reconnu par les principaux 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é.

Remarques :

(1) Sur Internet Explorer, :indeterminate ne cible pas les boutons radios.

(2) Sur Opéra mini, la psesudo-classe :indeterminate ne cible pas les barres de progression, quelque soit leur état.

1
Pseudo-classe
:indeterminate
2
Pseudo-classe
:indeterminate
(boutons radio)
3
Pseudo-classe
:indeterminate
(cases à cocher)
4
Pseudo-classe
:indeterminate
(barres de progression)
Estimation de la prise en charge globale.
97%
96%
97%
97%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

1

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Samsung Internet

Safari

Opéra

Chrome

Firefox

Safari sur IOS

Edge

Androïd Brower

Chrome pour Androïd

Firefox pour Androïd

KaiOS Browser

Opéra mini

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

Pseudo-classe :indeterminate - Historique.

  • Sélecteurs - Niveau 3

    Ce document décrit les sélecteurs qui existent déjà dans CSS1 et CSS2, et présente en plus de nouveaux sélecteurs pour CSS3 et d'autres langages qui pourraient en avoir besoin.

    Concernant :indeterminate, Introduction du sélecteur par pseudo-classe :indeterminate dans le niveau 3 de la spécification.
    WD
    03 Août 1999
    Document de travail.
    CR
    13 Novembre 2001
    Candidat à la recommandation.
    PR
    15 Décembre 2009
    Proposé à la recommandation.
    REC
    29 Septembre 2011
    Recommandation.

  • Sélecteurs - Niveau 4

    Ce module de spécification définit de nouveaux sélecteurs utilisables en CSS.

    Concernant :indeterminate, Pas de modification de la pseudo-classe :indeterminate dans ce niveau de la spécification.
    WD
    29 Septembre 2011
    Document de travail.
    CR
    PR
    REC

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.
:disabled
Pseudo-classe ciblant les zones de saisie verrouillées (celles qui comportent l'attribut disabled).
:enabled
Pseudo-classe désignant les zones de saisies non verrouillées.
::file-selector-button
Cible le bouton dans une zone de saisie du type file. Ce bouton a un rendu différent dans chaque navigateur.
:in-range
Pseudo-classe désignant les zones de saisie dont la valeur est dans la fourchette autorisée.
:indeterminate
Pseudo classe désignant les zones de saisie dont la valeur est indéterminée.
:invalid
Pseudo classe ciblant 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.