CSS : seletor válido
Exemplo
Selecione e estilize apenas se o valor do elemento <input> for válido:
input:valid
{
background-color: yellow;
}
Definição e uso
O :valid
seletor seleciona elementos de formulário com um valor que valida de acordo com as configurações do elemento.
Nota: O seletor :valid funciona apenas para elementos de formulário com limitações, como elementos de entrada com atributos min e max, campos de email com um email legal ou campos numéricos com valor numérico etc.
Dica: Use o seletor :invalid para selecionar elementos de formulário com um valor que não valida de acordo com as configurações do elemento.
Versão: | CSS3 |
---|
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao seletor.
Selector | |||||
---|---|---|---|---|---|
:valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Sintaxe CSS
:valid {
css declarations;
}
Páginas relacionadas
Seletor CSS : inválido