Pseudo-classe :required
A pseudo-classe :required é utilizada para selecionar e estilizar elementos de formulário que são obrigatórios. Essa pseudo-classe é comumente aplicada a campos de formulário que requerem entrada do usuário e têm o atributo required definido.
Exemplo
Considere o seguinte trecho de código HTML com um campo de entrada obrigatório:
<input type="text" required>
<input type="text">O código CSS abaixo aplicará estilos específicos ao campo de entrada obrigatório:
input:required {
background: red;
}
Neste exemplo, o campo de entrada terá uma borda vermelha se for obrigatório.