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

selector:optional {

}

Ejemplo

Vamos a establecer un fondo gris para el input opcional:

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

input: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