Pseudo-classe :valid do CSS

Definição e uso

CSS :valid Os pseudo-classes são usados para definir o estilo dos elementos de formulário válidos.

Dica:usar :invalid O seletor define o estilo dos elementos de formulário inválidos.

Exemplo

Escolha e defina o estilo do elemento <input> válido:

input:valid {
  background-color: bege;
  border: 2px solid green;
}

Experimente você mesmo

Sintaxe do CSS

:valid {
  declarações css;
}

Detalhes técnicos

Versão: CSS4

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente esse pseudo-classe.

Chrome Edge Firefox Safari Opera
10 12 4 5 10

páginas relacionadas

Referência:Pseudo-classe CSS :invalid