Esta página foi traduzida do inglês pela comunidade.Saiba mais e junte-se à comunidade MDN Web Docs.
:valid
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julho de 2015.
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 itemExemplos
Veja:invalid para um exemplo.
Especificações
| Specification |
|---|
| HTML # selector-valid |
| Selectors Level 4 # valid-pseudo |
Compatibilidade com navegadores
Veja também
- Outras pseudo-classe relacionada com validação:
:required,:optional,:invalid - Form data validation