:valid
A pseudo-classe CSS :valid
representa qualquer <input>
ou outro elemento do <form>
cujo conteúdo foi validado com sucesso. Isso permite, facilmente, adicionar uma aparência que ajude o usuário a identificar os campos validados.
css
/* Seleciona qualquer input válido */
input:valid {
background-color: powderblue;
}
Essa pseudo-classe é útil para realçar os campos válidos para o usuário.
Sintaxe
Error: could not find syntax for this item
Exemplos
Veja :invalid
para um exemplo.
Especificações
Specification |
---|
HTML Standard # selector-valid |
Selectors Level 4 # validity-pseudos |
Compatibilidade com navegadores
BCD tables only load in the browser
Veja também
- Outras pseudo-classe relacionada com validação:
:required
,:optional
,:invalid
- Form data validation