Pseudoclase optional

La pseudoclase optional define el estilo para un input al que no se le ha establecido el atributo required, es decir, esta pseudoclase se aplica a inputs opcionales.

Sintaxis

cssselector:optional {

}

Ejemplo

Vamos a establecer un fondo gris para el input opcional:

html<form>
  <p>
    <label>Introduce un número</label>
    <input type="number" required>
  </p>
  <p>
    <label>Introduce texto</label>
    <input type="text">
  </p>
</form>

cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Ver también

pseudoclase :default,
que establece el estilo para elementos por defecto
pseudoclase :indeterminate,
que establece el estilo para interruptores que están en estado indeterminado
pseudoclase :placeholder-shown,
que establece el estilo para elementos cuando se muestra el texto de sugerencia
pseudoclase :read-only,
que establece el estilo para inputs no disponibles para modificación
pseudoclase :required,
que establece el estilo para un input que tiene el atributo required establecido
pseudoclase :focus-within,
que establece el estilo para elementos en foco
propiedad caret-color,
que establece el color del cursor de texto en el input