Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.
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.
| Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 10 | 12 | 4 | 10 | 10 | 5 |
| Applies to <form> elements | Yes | No | 13 | No | Yes | ? |
| Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | Opera Android | iOS Safari | Samsung Internet |
|---|---|---|---|---|---|---|---|
| Basic support | ? | ? | Yes | 4 | 10 | 5 | ? |
| Applies to <form> elements | ? | ? | No | 14 | ? | ? | ? |
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:
valdeirpsr
Última atualização por:
valdeirpsr,