CSS :in-range Selector

The :in-range CSS pseudo-class represents an < input > element whose current value is within the range limits specified by the min and max attributes.

The :in-range selector selects all elements with a value that is within a specified range.

Example -

input:in-range { background-color: rgba(0, 255, 0, 0.25); }

Run Example