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

cssselector:required {}

Ejemplo

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

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

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

Результат:

Ver también