:default - Sélecteur CSS

:default

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

Description rapide
Pseudo-classe désignant 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.

1
Pseudo-classe
:default
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

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