Pseudoclasse required

A pseudoclasse required define o estilo para um input que possui o atributo required, ou seja, esta pseudoclasse é aplicada a inputs de preenchimento obrigatório.

Sintaxe

cssseletor:required {}

Exemplo

Vamos definir um fundo azul para o input de preenchimento obrigatório:

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

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

Результат:

Veja também

a pseudoclasse :optional,
que define o estilo para um input que não possui o atributo required
a pseudoclasse :default,
que define o estilo para elementos padrão
a pseudoclasse :indeterminate,
que define o estilo para interruptores que estão em um estado indeterminado
a pseudoclasse :read-only,
que define o estilo para inputs não editáveis
a pseudoclasse :read-write,
que define o estilo para inputs editáveis