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.
/* 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
:valid
Exemplos
Veja :invalid para um exemplo.
Especificações
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of ':valid' in that specification. |
Padrão em tempo real | Sem alterações. |
| HTML5 The definition of ':valid' in that specification. |
Recomendação | Define a semântica do HTML e a validação de restrições. |
| Selectors Level 4 The definition of ':valid' in that specification. |
Rascunho atual | Definição inicial |
Compatibilidade entre Browsers
BCD tables only load in the browser
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Veja também
- Outras pseudo-classe relacionada com validação:
:required,:optional,:invalid - Form data validation