Pseudoclase required

La pseudoclase required define el estilo para un input que tiene el atributo required, es decir, esta pseudoclase se aplica a los inputs obligatorios o requeridos para llenar.

Sintaxis

selector:required {}

Ejemplo

Vamos a darle un fondo azul al campo de entrada obligatorio:

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

input:required {
	background-color: #C2DDFD;
}

Ver también

la pseudoclase :optional,
que define el estilo para un input que no tiene el atributo required
la pseudoclase :default,
que define el estilo para los elementos por defecto
la pseudoclase :indeterminate,
que define el estilo para los interruptores que están en un estado indeterminado
la pseudoclase :read-only,
que define el estilo para los inputs que no se pueden modificar
la pseudoclase :read-write,
que define el estilo para los inputs que se pueden modificar