canisoon

:in-range and :out-of-range CSS pseudo-classes

95.82

CSS

If a temporal or number `<input>` has `max` and/or `min` attributes, then `:in-range` matches when the value is within the specified range and `:out-of-range` matches when the value is outside the specified range. If there are no range constraints, then neither pseudo-class matches.

Further reading:

  1. Can I use page for: :in-range and :out-of-range CSS pseudo-classes
  2. MDN Web Docs - CSS :out-of-range
  3. WHATWG HTML specification for `:in-range` and `:out-of-range`