:valid

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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.

css
/* 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

Error: could not find syntax for this item

Exemplos

Veja :invalid para um exemplo.

Especificações

Specification
HTML
# selector-valid
Selectors Level 4
# valid-pseudo

Compatibilidade com navegadores

Veja também