Pseudo-classe CSS :default

Définition et utilisation

CSS :default Les pseudo-classes sont utilisées pour sélectionner l'élément par défaut d'un groupe d'éléments pertinents.

Ce pseudo-classe peut être utilisé pour les éléments <button>, <input type="checkbox">, <input type="radio"> et <option>.

Exemple

Exemple 1

Ajouter une ombre rouge aux éléments d'entrée par défaut :

input:default {
  box-shadow: 0 0 2px 2px rouge;
}

Essayer vous-même

Exemple 2

Définir des styles par défaut différents pour les boutons radio, les cases à cocher et les options :

input[type=radio]:default {
  box-shadow: 0 0 5px 3px bleu;
}
input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px marron;
}
option:default {
  color: blue;
  background-color: pink;
}

Essayer vous-même

Grammaire CSS

:default {
  déclarations css;
}

Détails techniques

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette pseudo-classe entièrement.