CSS · More selectors

:in-range / :out-of-range

Matches number and date inputs whose value is inside or outside the min and max.

cssRunnable example css course

Syntax

:in-range

Example

Try it

input:in-range { border-color: #16805f; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.