:default - Sélecteur CSS

:default

Résumé des caractéristiques du sélecteur :default

Description rapide
Pseudo-classe ciblant les cases à cocher et boutons radio qui sont cochés par défaut.
Statut
Standard
Module W3C
Sélecteurs
Références (W3C)
Statut du document: WD (document de travail)

Description de la pseudo-classe :default.

La pseudo-classe :default désigne les éléments par défaut, qui peuvent être, suivant le contexte :

  • Les boutons radio (boutons d'option) sélectionnés par défaut, même si l'utilisateur en sélectionne un autre.
  • Les cases à cocher dont la valeur est cochée par défaut, qu'elles soient cochées ou non à ce moment.

Exemples d'utilisation de la pseudo-classe :default.

Dans les exemples ci-dessous, les règles appliquées au sélecteur :default définissent un contour rouge et une couleur d'arrière-plan jaune. Suivant le type d'élément les deux attributs seront restitués, ou alors seulement le contour ou la couleur.

Les boutons radio par défaut.

Même si vous sélectionnez une autre option, la pseudo-classe :default continue de cibler le bouton par défaut.

Titre :
   

Les cases à cocher.

:default désigne les cases qui sont cochées par défaut, même si vous les décochez par la suite.

Permis :
   

Les menus select.

La pseudo-classe :default désigne également l'option sélectionnée par défaut des menus select, c'est à dire celle qui comporte l'attribut selected. Il s'agit de mercredi. Pour constater le fonctionnement, vous devrez sélectionner un autre jour.

Peu de propriétés sont applicables aux éléments d'un menu select.Dans cet exemple, la propriété outline n'est pas appliquée.

Jour choisi :

Les boutons par défaut.

Il s'agit du bouton submit.

Compatibilité des navigateur avec :default.

Colonne 1
Support par les navigateurs de la pseudo-classe default qui cible les zones de saisie cochées ou sélectionnées par défaut, qu'elles soient ou non cochées à ce moment.
1
Pseudo-classe
:default
Estimation de la prise en charge globale.
96%

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 :default.

  • Sélecteurs - Niveau 4

    Concernant :default. Introduction de la pseudo-classe :default dans le niveau 4 de la spécification.
    WD
    29 Septembre 2011
    Document de travail.
    CR
    PR
    REC

Voir aussi...

De nombreuses pseudo-classes sont relatives aux zones de saisie et à leur état à un moment donné (activées, verrouillées, etc.) Reportez-vous aux pseudo-classes listées ci-dessous pour en savoir plus.

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