Pseudo-classe :in-range do CSS

Definição e uso

CSS :in-range O pseudo-classe é usado para coincidir com qualquer elemento cujo valor esteja dentro do intervalo.

Atenção::in-range O pseudo-classe é usado para elementos <input> que possuem atributos min e/ou max.

Dica:Uso :out-of-range O pseudo-classe escolhe todos os elementos cujos valores estão fora do intervalo especificado.

Exemplo

Selecionar e definir o estilo do campo de entrada apenas quando o valor do campo estiver dentro do intervalo:

input:in-range {
  border: 2px sólido verde;
  background-color: bege;
}

Experimente você mesmo

Sintaxe CSS

:in-range {
  declarações css;
}

Detalhes técnicos

Suporte do navegador

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

Páginas relacionadas

Referência:Pseudo-classes :out-of-range do CSS