Power Your Software Testing with AI and Cloud

Supercharge QA with AI for Faster & Smarter Software Testing

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

For number or date elements with a specified max or min value, :in-range and :out-of-range are true if the current value is within the given range. For other kind of elements, none of these pseudo-classes are true.

Last updated on : 2026-02-09

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 11

12 - 12

13 - 18

79 - 144

2 - 28

29 - 49

50 - 150

4 - 4

15 - 52

53 - 147

3.2 - 4

5.1 - 10

10.1 - 26.3

10.6 - 39

40 - 125

Fully Supported

Partially

No Support

Specifications

HTML Standard # selector-out-of-range Selectors Level 4 # out-of-range-pseudo

Syntax

:out-of-range

Browser Compatibility

:in-range and :out-of-range CSS pseudo-classes on IE is not supported on any IE versions.

:in-range and :out-of-range CSS pseudo-classes on Edge is fully supported on 79-144, partially supported on 13-18, and not supported on 12-12 Edge versions.

:in-range and :out-of-range CSS pseudo-classes on Firefox is fully supported on 50-150, partially supported on 29-49, and not supported on 2-28 Firefox versions.

:in-range and :out-of-range CSS pseudo-classes on Chrome is fully supported on 53-147, partially supported on 15-52, and not supported on 4-4 Chrome versions.

:in-range and :out-of-range CSS pseudo-classes on Safari is fully supported on 10.1-26.3, partially supported on 5.1-10, and not supported on 3.2-4 Safari versions.

:in-range and :out-of-range CSS pseudo-classes on Opera is fully supported on 40-125 and partially supported on 10.6-39 Opera versions.

:in-range and :out-of-range CSS pseudo-classes on Safari on iOS is fully supported on 10.3-26.3, partially supported on 5-10, and not supported on 3.2-4 Safari on iOS versions.

:in-range and :out-of-range CSS pseudo-classes on Android Browser is fully supported on 97-144, partially supported on 4.4-4, and not supported on 2.3-3 Android Browser versions.

:in-range and :out-of-range CSS pseudo-classes on Opera Mobile is fully supported on 64-80 and partially supported on 10-12 Opera Mobile versions.

:in-range and :out-of-range CSS pseudo-classes on Chrome for Android is fully supported on all Chrome for Android versions.

:in-range and :out-of-range CSS pseudo-classes on Firefox for Android is fully supported on all Firefox for Android versions.

:in-range and :out-of-range CSS pseudo-classes on Samsung Internet is fully supported on 5-29 and partially supported on 4-4 Samsung Internet versions.

Browser Support for :in-range and :out-of-range CSS pseudo-classes

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

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

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

:in-range and :out-of-range CSS pseudo-classes on Internet Explorer

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

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

References

Data sourced from

High

Overall Browser Compatibility Score

Note::in-range and :out-of-range CSS pseudo-classes shows a browser compatibility score of 92. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.