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

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support1012410105
Applies to <form> elements Yes No13 No Yes ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? ? Yes4105 ?
Applies to <form> elements ? ? No14 ? ? ?

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: valdeirpsr
Última atualização por: valdeirpsr,