:default

La pseudo-clase :default de CSS representa cualquier elemento de formulario que sea el predeterminado entre un grupo de elementos relacionados.

Este selector se puede usar en los elementos <button>, <input type="checkbox">, <input type="radio"> y <option>.

/* Selecciona cualquier <input> predeterminado */
input:default {
  background-color: lime;
}

Los elementos agrupados que permiten selecciones m煤ltiples tambi茅n pueden tener m煤ltiples valores predeterminados, es decir, pueden tener m煤ltiples elementos seleccionados inicialmente. En este caso, todos los valores predeterminados se representan utilizando la pseudo-clase :default. Por ejemplo, puede dise帽ar las casillas de verificaci贸n predeterminadas entre un grupo de casillas de verificaci贸n (checkboxes).

Sintaxis

:default

Ejemplo

HTML

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

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

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

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

CSS

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

input:default + label {
  color: coral;
}

Resultado

Especificaciones

Especificaci贸n Estado Comentarios
HTML Living Standard
La definici贸n de ':default' en esta especificaci贸n.
Living Standard Ning煤n cambio.
HTML5
La definici贸n de ':default' en esta especificaci贸n.
Recommendation Define la sem谩ntica HTML asociada y la validaci贸n de restricciones.
Selectors Level 4
La definici贸n de ':default' en esta especificaci贸n.
Working Draft Ning煤n cambio.
CSS Basic User Interface Module Level 3
La definici贸n de ':default' en esta especificaci贸n.
Recommendation Definici贸n inicial, pero sin la sem谩ntica asociada.

Compatibilidad con navegadores

BCD tables only load in the browser