: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)
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
valueest 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é.
Homme
Femme
Célibataire
Marié
Veuf
Divorcé
Permis :
Moto
Voiture
Poids lourds
Compatibilité des navigateurs.
1
:indeterminate2
:indeterminate sur les boutons radio3
:indeterminate sur les cases à cocher4
:indeterminate sur les barres de progressionEstimation de la prise en charge en pourcentage du parc actuel.
97%
97%
97%
97%
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Baidu Browser
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
KaiOS Browser
Opéra
Opéra Mobile
QQ Browser
Safari
Safari sur IOS
Samsung Internet
Oméra mini
Voir le site Caniuse.com pour plus d'informations de compatibilité.
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.: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.:indeterminate: Pseudo classe désignant les zones de saisie dont la valeur est indéterminée.: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.: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.