CSS : seletor dentro do intervalo
Exemplo
Selecione e estilize apenas se o valor do elemento <input> estiver "no intervalo":
input:in-range
{
border: 2px solid yellow;
}
Definição e uso
O :in-range
seletor seleciona todos os elementos com um valor que está dentro de um intervalo especificado.
Nota: O seletor :in-range funciona apenas para elementos de entrada com atributos min e/ou max!
Dica: Use o seletor :out-of-range para selecionar todos os elementos com um valor que esteja fora de um intervalo especificado.
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 | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*No Edge, a propriedade :in-range também seleciona incorretamente elementos de entrada sem atributos min/max.
Sintaxe CSS
:in-range {
css declarations;
}
Páginas relacionadas
Seletor CSS : fora do intervalo