Pseudo-classe :user-invalid do CSS

Definição e uso

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

Dica:Uso :user-valid O pseudo-classe define o estilo de elementos de formulário válidos (após interação do usuário).

Exemplo

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

input:user-invalid {
  border: 2px sólida vermelha;
  background-color: bege;
}

Experimente você mesmo

Sintaxe CSS

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

Detalhes técnicos

Suporte do navegador

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

Páginas relacionadas

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