Pseudo-classe CSS :user-valid

Definição e uso

CSS :user-valid O pseudo-classe é usado para definir o estilo de elementos de formulário válidos após a interação do usuário.

Dica:Uso :user-invalid Defina o estilo de elementos de formulário pseudo-classe inválidos (após interação do usuário).

Exemplo

Defina o estilo do elemento <input> válido após a interação do usuário:

input:user-valid {
  border: 2px sólido verde;
  background-color: bege;
}

Experimente você mesmo

Sintaxe CSS

:user-valid {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

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

Páginas relacionadas

Referência:Pseudo-classe CSS :user-invalid