We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

This translation is incomplete. Please help translate this article from English.

La pseudo-classe CSS :default representa qualsevol element de formulari que sigui el predeterminat entre un grup d'elements relacionats.

Aquest selector es pot utilitzar en els elements <button><input type="checkbox">, <input type="radio"> i <option>.

/* Selects any default <input> */
input:default {
  background-color: lime;
}

Els elements agrupats que permeten seleccions múltiples també poden tenir múltiples valors predeterminats, és a dir, poden tenir diversos elements seleccionats inicialment. En aquest cas, tots els valors predeterminats es representen utilitzant la pseudo-classe :default. Per exemple, podeu aplicar un estil a les caselles de selecció predeterminades d'un grup de caselles de selecció.

Sintaxi

:default

Exemple

HTML

<input type="radio" name="season" id="spring">
<label for="spring">Spring</label>

<input type="radio" name="season" id="summer" checked>
<label for="spring">Summer</label>

<input type="radio" name="season" id="fall">
<label for="spring">Fall</label>

<input type="radio" name="season" id="winter">
<label for="spring">Winter</label>

CSS

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

input:default + label {
  color: coral;
}

Resultat

Especificacions

Especificació Estat Comentari
HTML Living Standard
The definition of ':default' in that specification.
Living Standard Sense canvis.
HTML5
The definition of ':default' in that specification.
Recommendation Defineix la semàntica HTML associada i la validació de restriccions.
Selectors Level 4
The definition of ':default' in that specification.
Working Draft Sense canvis.
CSS Basic User Interface Module Level 3
The definition of ':default' in that specification.
Proposed Recommendation Definició inicial, però sense la semàntica associada

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Descripció Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suport bàsic 10.0 4.0 (2.0) No support 10.0 5.0
Descripció Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suport bàsic ? 4.0 (2.0) No support 10.0 5.0

Document Tags and Contributors

Contributors to this page: Legioinvicta
Last updated by: Legioinvicta,