Clase pseudo CSS :opcional

Definición y uso

CSS :opcional La clase pseudo se utiliza para seleccionar y establecer el estilo de elementos de formulario opcionales (sólo para <input>,<select> y <textarea>)

Los elementos de formulario sin atributo required se definen como opcionales.

Consejo:Uso :requerido Clase pseudo para seleccionar y establecer el estilo de elementos de formulario obligatorios.

Ejemplo

Elegir y establecer el estilo de cualquier <input> sin atributo required. Al mismo tiempo, establecer el estilo de cualquier <input> con atributo required:

input:opcional {
  background-color: verde_claro;
}
input:requerido {
  background-color: rosa;
  border-color: rojo;
}

Prueba por ti mismo

Sintaxis de CSS

:opcional {
  declaraciones css;
}

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la clase pseudo.

Páginas relacionadas

Referencia:Clase pseudo de CSS :requerido