If a temporal or number 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.
With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues and ensure that your webpage fallbacks are working fine on browsers that do not support :in-range and :out-of-range CSS pseudo-classes
.
:in-range and :out-of-range CSS pseudo-classes
Chrome browser version 5 to 14 support is unknown for :in-range and :out-of-range CSS pseudo-classes
. Chrome 15 to 52 partially support it. :in-range also incorrectly matches temporal and number inputs which don't have min or max attributes. See Edge bug, Chrome bug, WebKit bug. Chrome 53 to 67 supports this property completely.
Mozilla Firefox browser version 2 and 28 does not support this property at all. Firefox 29 to 49 partially support this property. Firefox 50 to 60 supports it completely.:in-range and :out-of-range incorrectly match inputs which are disabled or readonly. See Edge bug, Mozilla bug, WebKit bug, Chrome bug.
IE browser version doesn't support this browser element.
This browser property is not supported by any Safari browser version 3.1 and 5. Later version 5.1 to 10 partially supports it and latest Safari version from 10.1 to 11.1 supports this browser property completely.
Microsoft Edge browser version 12 doesn't support this property. Later browser version 13 to 17 partially support it.
Opera browser version 10.1 to 39 partially support this browser element. Opera 40 to 53 is compatible for this property.
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
All websites and webapps use collections of a lot of browser technologies and elements. Not all of these elements are supported by all browsers and browser versions. At LambdaTest you can test your website on all browsers and browser versions and easily debug browser compatibility issues in real time.
You can test your website for cross browser compatibility across all Firefox browser versions using LambdaTest
Perform cross browser testing of your website/ webapp across all Chrome browser versions using LambdaTest
Check your website on all Safari browser on Mac and Windows for cross browser compatibility with LambdaTest
Perfrom cross browser testing of your website/ web app across all IE verions using LambdaTest
Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month.
Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message here, and we would help you out.