Tradução em progresso.
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
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.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Basic support | Chrome Full support 10 | Edge Full support 12 | Firefox Full support 4 | IE Full support 10 | Opera Full support 10 | Safari Full support 5 | WebView Android ? | Chrome Android ? | Edge Mobile Full support Yes | Firefox Android Full support 4 | Opera Android Full support 10 | Safari iOS Full support 5 | Samsung Internet Android ? |
| Applies to <form> elements | Chrome Full support Yes | Edge No support No | Firefox Full support 13 | IE No support No | Opera Full support Yes | Safari ? | WebView Android ? | Chrome Android ? | Edge Mobile No support No | Firefox Android Full support 14 | Opera Android ? | Safari iOS ? | Samsung Internet Android ? |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
Veja também
- Outras pseudo-classe relacionada com validação:
:required,:optional,:invalid - Form data validation
Etiquetas do documento e colaboradores
Etiquetas:
Colaboradores desta página:
mdnwebdocs-bot,
valdeirpsr
Última atualização por:
mdnwebdocs-bot,