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
seletor:required {}
Exemplo
Vamos definir um fundo azul para o input de preenchimento obrigatório:
<form>
<p>
<label>Digite um número</label>
<input type="number" required>
</p>
<p>
<label>Digite um texto</label>
<input type="text">
</p>
</form>
input: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
