CSS :in-range Selector

The :in-range selector is used to selecting all elements that are given within a particular range value. It is mostly used in an input element with the type min/max attribute. 

Syntax:

:in-range {
 // CSS property
} 

Example:

Output:

👁 Image

Supported Browsers: The browser supported by :in-range selector are listed below:

• Apple Safari 5.1 and above
• Google Chrome 10.0 and above
• Edge 13.0 and above
• Firefox 29.0 and above
• Opera 11.0 and above