Псевдокласс :in-range

Псевдокласс :in-range описывает поле формы в случае, когда введенное значение поля находится в диапазоне возможных значений для этого поля.

Диапазон возможных значений задается атрибутами min и max для тега input.

Допустимые значения

Применимо к элементам управления имеющим диапазон возможных значений
Соответсвие версиям CSS CSS 3
Поддерживается браузерами
  • Opera 9.6 и выше

Пример


input:in-range{
background:green;
}


Твой код:

Результат: