Pseudo-clase :default de CSS

Definición y uso

CSS :default Los pseudo-clases se utilizan para seleccionar el elemento de formulario predeterminado en un grupo de elementos relacionados.

Este pseudo-clase se puede usar para los elementos <button>, <input type="checkbox">, <input type="radio"> y <option>.

Ejemplo

Ejemplo 1

Agregar una sombra roja a los elementos de entrada predeterminados:

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

Prueba por ti mismo

Ejemplo 2

Establecer estilos predeterminados diferentes para los botones de opción, casillas de verificación y opciones:

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

Prueba por ti mismo

Sintaxis CSS

:default {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla especifican la versión del navegador que admite completamente este pseudo-clase por primera vez.