:in-range and :out-of-range selector in CSS

:in-range selector

:in-range selector apply the style on the elements with the value within the specified range. 

NOTE: It only works for input elements with min and/or max attributes.

Example

:out-of-range selector

:out-of-range selector apply the style on the elements with the value out of the specified range. 

NOTE: It only works for input elements with min and/or max attributes.

Example

Tweet about it