Browser Compatibility Testing of :in-range and :out-of-range CSS pseudo-classes

Test on Latest Desktop and Mobile Browsers For
:in-range and :out-of-range CSS pseudo-classes
:in-range and :out-of-range CSS pseudo-classes
undefined

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

Sign Up For Free

Test your Web App on LambdaTest

With LambdaTest you can test your websites on 3000+ 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.
All Browser Versions
Real Time Testing on Chrome browser

BROWSER SUPPORT FOR :in-range and :out-of-range CSS pseudo-classes

Google Chrome

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

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.

Internet Explorer

IE browser version doesn't support this browser element.

Safari

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

Microsoft Edge browser version 12 doesn't support this property. Later browser version 13 to 17 partially support it.

Opera

Opera browser version 10.1 to 39 partially support this browser element. Opera 40 to 53 is compatible for this property.

Information sourced from

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

  • Google Chrome
  • Mozilla
  • Edge
  • IE
  • opera
  • Safari
  • Yandex

Other Browsers to Choose From

You can choose from a range of 3000+ desktop and mobile browsers including Chrome, Safari, Internet Explorer, Edge, Yandex, Opera, and Firefox allowing you to ensure that your customers get pixel perfect experience across all screen sizes, devices, operating systems, browsers, and resolutions.

Checkout All Browsers

Try LambdaTest Now !!

Get 60 minutes of Live interactive testing every month FREE !! The only free for lifetime Cross Browser Testing Tool.

  • No Credit Card Required
  • Free Sign Up
  • 24/7 Support

BENEFITS

Fastest Way for Cross Browser Testing

More Reasons To Love LambdaTest

It's not just about infrastructure, you get a whole range of complimentary features that will make your browser testing experience smoother and help you ship products faster.

Integrated developer tools

Integrated Debugging

Integrated developer tools to help you debug issues in live testing.
automated browser testing tools to test locally hosted websites

Locally Hosted
Web Testing

Local hosted web testing to save your website or web application from after deployment bugs.
Geolocation Testing

Geolocation
Testing

Test from different locations to make sure your users get perfect experience across all locations.

Ready to Get Started?

Signup to use LambdaTest, it's completely
free to get started with

  • No Credit Card Required
  • Free Sign Up
  • 24/7 Support