CSS : seletor inválido
Exemplo
Selecione e estilize apenas se o valor do elemento <input> for inválido:
input:invalid
{
border: 2px solid red;
}
Definição e uso
O :invalid
seletor seleciona elementos de formulário com um valor que não valida de acordo com as configurações do elemento.
Nota: O seletor :invalid funciona apenas para elementos de formulário com limitações, como elementos de entrada com atributos min e max, campos de email sem um email legal ou campos numéricos sem valor numérico etc.
Dica: Use o seletor :valid para selecionar elementos de formulário com um valor que valide 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 | |||||
---|---|---|---|---|---|
:invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Sintaxe CSS
:invalid {
css declarations;
}
Páginas relacionadas
Seletor CSS : válido