:in-range

The :in-range pseudo-class represents an input element whose current value is within the range specified by the min and max attributes. This pseudo-class is useful for providing visual information to the user that the current value of a field is within acceptable limits.

Syntax

element:in-range {
  property: value;
}