Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Start free with Google Start free with Email

: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 : 2023-03-20

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 11

12 - 12

13 - 18

79 - 111

2 - 28

29 - 49

50 - 113

4 - 4

15 - 52

53 - 114

3.2 - 4

5.1 - 10

10.1 - 16.4

10.5 - 39

40 - 95

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-111, 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-113, 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-114, 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-16.4, 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-95 and partially supported on 10.5-39 Opera versions.

:in-range and :out-of-range CSS pseudo-classes on Safari on iOS is fully supported on 10.3-16.4, 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-111, partially supported on 4.4-4, and not supported on 2.1-3 Android Browser versions.

:in-range and :out-of-range CSS pseudo-classes on Opera Mobile is fully supported on 64-73 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-20 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.

Test on 3000+ browsers for :in-range and :out-of-range CSS pseudo-classes & more

Test your website for :in-range and :out-of-range CSS pseudo-classes and other web technologies. Get 100 FREE automation test minutes!

Test Now