: dentro do intervalo - CSS-Tricks

O :in-rangepseudo seletor no CSS corresponde aos elementos de entrada quando seu valor está dentro do intervalo especificado como aceitável. É parte da especificação CSS Selectors Level 4, que está atualmente no Editor's Draft.

input:in-range ( border: 5px solid green; )

Acredito que seja relevante apenas em input(type=number). As entradas de faixa não permitem valores fora de seu mínimo / máximo e não faz muito sentido em qualquer outro tipo de entrada. Talvez entradas text-y com maxlength, mas o comportamento na maioria dos navegadores é impedir a entrada além do máximo de qualquer maneira.

Demo

Assim como o código acima, esta entrada terá uma borda verde quando seu valor estiver entre 5 e 10.

Suporte de navegador

Os dados de suporte deste navegador são do Caniuse, que tem mais detalhes. Um número indica que o navegador oferece suporte ao recurso nessa versão e superior.