Browser Compatibility Testing of :optional CSS pseudo-class

:optional CSS pseudo-class

The :optional pseudo-class matches form inputs (, , <select></code>) which are not <code>:required</code>.</p> <p class="home-btn"><a class="full-color-btn" href="index-new-landing">Sign Up For Free</a></p> </div> </div> <div class="col-sm-7"> <div class="browsers-view"> <div class="browsers-box"> <img class="browsers-img" src="images/css.png" alt="online web app testing"> </div> <h3 class="browsers-ver" style="font-size: 76px;">CSS</h3> </div> </div> </div> </section>  <section class="features-details"> <div class="container"> <div class="col-sm-6"> <div class="col-sm-12"> <h3 class="test-titel margi-10"><strong>Test your Web App on LambdaTest</strong></h3> </div> <div class="col-sm-12 margi-10"> <p class="test-description">Make sure you will not get <code>:optional CSS pseudo-class</code> error for your website on different browsers. With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues. </p> <div class="clearfix"></div> <p class="btn-para"><a class="new-btn" href="list-of-browsers">All Browser Versions</a></p> </div> </div> <div class="col-sm-6"> <img class="img-responsive " src="static/seo-img/RealtimeChrome.png" alt="Real Time Testing on Chrome browser"> </div> </div> </section>  <section class="features-details-2"> <div class="container"> <h4 class="browsers-support">BROWSER SUPPORT FOR :OTIONAL CSS PSEUDO-CLASS</h4> <div class="col-sm-12"> <div class="col-sm-12 color-row"> <div class="col-sm-2"><h4>Google Chrome</h4></div> <div class="col-sm-10"><p>Chrome version 4 to 14 support is unknown for :optional CSS pseudo-class. This property is supported by Chrome 15 to 67. </p></div> </div> <div class="col-sm-12 color-white"> <div class="col-sm-2"><h4>Mozilla Firefox</h4></div> <div class="col-sm-10"><p>This element is not supported by Mozilla Firefox browser version 2 to 3.6. Firefox 4 to 60 supports <code>:optional CSS pseudo-class</code>. </p></div> </div> <div class="col-sm-12 color-row"> <div class="col-sm-2"><h4>Internet Explorer</h4></div> <div class="col-sm-10"><p>IE browser version 6 to 9 doesn't support <code>:optional CSS pseudo-class</code>.IE 10 and 11 supports this propert completely </p></div> </div> <div class="col-sm-12 color-white"> <div class="col-sm-2"><h4>Safari<h4></div> <div class="col-sm-10"><p>Safari browser version 3.1 to 4 doesn't support :optional CSS pseudo-class. Safari 5.1 to 11 supports <code>:optional CSS pseudo-class</code>. </p></div> </div> <div class="col-sm-12 color-row"> <div class="col-sm-2"><h4>Microsoft Edge</h4></div> <div class="col-sm-10"><p>Microsoft Edge browser version 12 to 17 supports <code>:optional CSS pseudo-class</code>. </p></div> </div> <div class="col-sm-12 color-white"> <div class="col-sm-2"><h4>Opera</h4></div> <div class="col-sm-10"><p>Early Opera browser versions from 10.1 to 12.1 partially supports <code>:optional CSS pseudo-class</code>. It is fully supported by Opera version 15 - 53. </p></div> </div> </div> </div> </section>  <section class="features-details-brown"> <div class="container"> <div class="col-sm-4"> <h5>Information sourced from</h5> <div class="col-sm-12 col-box"> <a href="https://caniuse.com" rel="nofollow"><h6>Can I use</h6></a> </div> </div> <div class="col-sm-8"> <p>"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.</p> </div> </div> </section>  <section class="features-details-2 padd-bott-10" style="min-height: 300px;"> <div class="container"> <div class="col-sm-12"> <ul class="list-browsers-link"> <li><a href="test-on-chrome-browsers"><img alt="Chrome Browsers" width="30" height="30" src="static/seo-img/brows-list/chrom.png"></a></li> <li><a href="test-on-firefox-browsers"><img alt="Firefox Browsers" width="30" height="30" src="static/seo-img/brows-list/firfox.png"></a></li> <li><a href="test-on-edge-browsers"><img alt="Edge Browsers" width="30" height="30" src="static/seo-img/brows-list/ie.png"></a></li> <li><a href="test-on-internet-explorer-browsers"><img alt="Internet Explorer Browsers" width="30" height="30" src="static/seo-img/brows-list/ie-2.png"></a></li> <li><a href="test-on-opera-browsers"><img alt="Opera Browser" width="30" height="30" src="static/seo-img/brows-list/opera.png"></a></li> <li><a href="test-on-safari-browsers"><img alt="Safari Browser" width="30" height="30" src="static/seo-img/brows-list/sfari.png"></a></li> <li><a href="test-on-yandex-browsers"><img alt="Yandex Browsers" width="30" height="30" src="static/seo-img/brows-list/yend.png"></a></li> </ul> <h3 class="test-titel margi-10 text-center"><strong>Other Browser Elements and Properties</strong></h3> </div> <div class="col-sm-12 margin-top-20"> <p class="test-description text-center">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.</p> <div class="clearfix"></div> <p class="btn-para text-center"><a class="new-btn" href="browser-elements-and-issues">Checkout All Elements</a></p> </div> </div> </section> <section class="clients-n-reviews home-reviews"> <div class="customer-review home-reviews-reviews"> <div class="container-fluid"> <div class="col-xs-12"> <h2 class="how-its-work">BENEFITS</h2> <h3 class="how-its-work-dis">Fastest Way for Cross Browser Testing</h3> </div> <div class="col-xs-12"> <div class="review-wrap"> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on Firefox</div> </div> <p class="review-msg review-msg-new"> You can test your website for cross browser compatibility across all <a href ="test-on-firefox-browsers">Firefox browser versions </a> using LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on Chrome</div> </div> <p class="review-msg review-msg-new"> Perform cross browser testing of your website/ webapp across all <a href="test-on-chrome-browsers">Chrome browser versions</a> using LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on Safari</div> </div> <p class="review-msg review-msg-new"> Check your website on all <a href="test-on-safari-browsers">Safari browser</a> on Mac and Windows for cross browser compatibility with LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Test your website on IE</div> </div> <p class="review-msg review-msg-new"> Perfrom cross browser testing of your website/ web app across all <a href = "test-on-internet-explorer-browsers">IE</a> verions using LambdaTest </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Free Plan With 60 Minutes of Live Testing</div> </div> <p class="review-msg review-msg-new"> Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month. </p> </div> </div> <div class="review-box"> <div class="reviews reviews-new"> <div class="client-details"> <div class="name">Scale As You Go</div> </div> <p class="review-msg review-msg-new"> Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message <a href = "contact-us">here</a>, and we would help you out. </p> </div> </div> </div> </div> </div> </section> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-5" style="padding-left: 0px;"> <div class="row"> <div class="col-xs-6"> <ul class="list-unstyled list-inline ft-menu coll-box" style="padding-left: 0px;"> <li><a href="https://www.lambdatest.com/demo"><img src="https://www.lambdatest.com/assetsnew/images/home-coffee.svg" alt="Schedule a demo with LambdaTest"> Schedule a Demo</a></li> <li><a href="tel:+1-(678)-701-3618"><img src="https://www.lambdatest.com/assetsnew/images/home-callus.svg" alt="You can call us"> Call us</a></li> <li><a href="javascript:void(0)" onclick="openLTChatWidget()"><img src="https://www.lambdatest.com/assetsnew/images/home-message.svg" alt="you can message us"> Start Chatting</a></li> </ul> </div> <div class="col-xs-6"> <ul class="list-inline list-unstyled social-links"> <li class="fb"> <a target="_blank" href="https://www.facebook.com/lambdatest/"> <img width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/facebook-logo.png"> </a> </li> <li class="linkedin"> <a target="_blank" href="https://www.linkedin.com/company/lambdatest/"> <img width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/linkedin-logo.png"> </a> </li> <li class="twitter"> <a target="_blank" href="https://twitter.com/Lambdatesting"> <img width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/twitter-logo.png"> </a> </li> <li class="youtube-icons"> <a target="_blank" href="https://www.youtube.com/channel/UCCymWVaTozpEng_ep0mdUyw?sub_confirmation=1"> <img width="15" height="15" src="https://cdn.lambdatest.com/assetsnew/images/youtube-logo.png"> </a> </li> </ul> <br> <h4 class="footer-titel">Help & Support</h4> <p class="footer-text">+1-(678)-701-3618 <br>support@LambdaTest.com</p> </div> </div> </div> <div class="col-md-7"> <div class="row"> <div class="col-sm-4"> <ul class="list-unstyled list-inline ft-menu"> <li><a href="https://www.lambdatest.com/feature">Features</a> </li> <li><a href="https://www.lambdatest.com/integrations">Integrations</a> </li> <li><a href="https://www.lambdatest.com/selenium-automation">Automation</a></li> <li><a href="https://www.lambdatest.com/lt-browser">LT Browser</a></li> <li><a href="https://www.lambdatest.com/local-page-testing">Local Page Testing</a></li> <li><a href="https://changelog.lambdatest.com/">Changelog</a></li> <li><a href="https://www.lambdatest.com/support-faq">FAQ</a> </li> <li><a href="https://status.lambdatest.io/">Status</a></li> </ul> </div> <div class="col-sm-4"> <ul class="list-unstyled list-inline ft-menu"> <li><a href="https://www.lambdatest.com/team">Team</a> </li> <li><a href="https://www.lambdatest.com/career">Careers</a></li> <li><a href="https://www.lambdatest.com/customers/">Customers</a></li> <li><a href="https://www.lambdatest.com/partners">Partners</a></li> <li><a href="https://community.lambdatest.com/">Community</a></li> <li><a href="https://www.lambdatest.com/reviews">LambdaTest Reviews</a> </li> <li><a href="https://www.lambdatest.com/reseller/">LambdaTest Resellers</a> </li> <li><a href="https://www.lambdatest.com/affiliate-program-partnership">Become an Affiliate</a> </li> </ul> </div> <div class="col-sm-4"> <ul class="list-unstyled list-inline ft-menu"> <li><a href="https://www.lambdatest.com/test-on-internet-explorer-browsers">Test on Internet Explorer</a> </li> <li><a href="https://www.lambdatest.com/test-internet-explorer-on-mac">Test IE on macOS</a> </li> <li><a href="https://www.lambdatest.com/test-on-safari-browsers">Test on Safari Browser</a> </li> <li><a href="https://www.lambdatest.com/test-on-chromium-edge-browsers">Test on Chromium Edge</a> </li> <li><a href="https://www.lambdatest.com/test-on-edge-browsers">Test on Edge Browser</a> </li> <li><a href="https://www.lambdatest.com/test-on-mobile-devices">Test on Mobile Browser</a></li> <li><a href="https://www.lambdatest.com/list-of-browsers">List of Browsers</a> </li> </ul> </div> </div> </div> </div> </div> <div class="copyright"> <div class="container"> <div class="row"> <div class="col-sm-4"> <span class="">© 2020 LambdaTest Inc. All rights reserved</span> </div> <div class="col-sm-4 slower text-right" style="text-align:center;"> <span class="">Cross Browser Testing Cloud Built with <img src="https://www.lambdatest.com/assets_black_theme/images/heart.svg" alt="Love" width="14"> For Testers</span> </div> <div class="col-sm-4 slower text-right"> <ul class="foot-nave"> <li><a href="https://www.lambdatest.com/privacy" style="color:rgba(0,0,0,0.7)">Privacy</a></li> <li><a href="https://www.lambdatest.com/terms-of-service" style="color:rgba(0,0,0,0.7)">Disclaimer</a></li> <li><a href="https://www.lambdatest.com/sitemap.html" style="color:rgba(0,0,0,0.7)">Sitemap</a></li> </ul> </div> </div> </div> </div> </footer> <style>.ft-menu { padding-left: 0px!important; }</style>  <script src="https://cdn.lambdatest.com/assetsnew/js/jquery.cookie.js?v=242"></script> <script src="https://cdn.lambdatest.com/assetsnew/js/owl.carousel.js?v=242"></script> <script src="https://cdn.lambdatest.com/assetsnew/js/custom.js?v=242"></script> <script src="https://cdn.lambdatest.com/assetsnew/js/formjs.js?v=242"></script>  <script type="text/javascript"> $(document).ready(function(){$("#owl-example").owlCarousel({loop:!0,nav:!0,thumbs:!0,autoplay:!0,margin:0,autoplayTimeout:1e4,touchDrag:!0,mouseDrag:!1,thumbsPrerendered:!0,responsiveClass:!0,responsive:{0:{items:1},600:{items:2},1000:{items:3}}}),$("#screenshot-review").owlCarousel({loop:!0,nav:!1,thumbs:!0,autoplay:!0,margin:0,autoplayTimeout:1e4,touchDrag:!0,mouseDrag:!1,thumbsPrerendered:!0,responsiveClass:!0,responsive:{0:{items:1},600:{items:2},1000:{items:4}}}),$("#category-carousel").owlCarousel({loop:!0,margin:10,nav:!0,autoplay:!0,autoplayTimeout:5e3,responsive:{0:{items:1},600:{items:2},900:{items:3},1200:{items:4}}}),$("#review-carousel").owlCarousel({loop:!0,margin:20,nav:!0,autoplay:!0,autoplayTimeout:5e3,responsive:{0:{items:1},700:{items:2},1000:{items:3}}}),$("#client-logo").owlCarousel({loop:!0,margin:20,nav:!1,autoplay:!1,autoplayTimeout:1e3,responsive:{0:{items:1},600:{items:3},1000:{items:5}}}); $('#partners-feed').owlCarousel({ loop: true, nav: true, thumbs: true, autoplay: true, margin: 0, autoplayTimeout: 10000, touchDrag: true, mouseDrag: false, thumbsPrerendered: true, responsiveClass: true, responsive: { 0: { items: 1 }, 600: { items: 2 }, 1000: { items: 4 } } }); $('#featured-in').owlCarousel({ loop:true, margin:20, nav:false, autoplay:true, autoplayTimeout:1000, responsive:{ 0:{ items:1 }, 600:{ items:3 }, 1000:{ items:5 } } }) }); </script> <script type="text/javascript"> function getParameterByName(e){e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var a=new RegExp("[\\?&]"+e+"=([^&#]*)").exec(location.search);return null===a?"":decodeURIComponent(a[1].replace(/\+/g," "))}$(function(){null!==getParameterByName("utm_source")&&$.cookie("utm_source",getParameterByName("utm_source"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0}),null!==getParameterByName("utm_campaign")&&$.cookie("utm_campaign",getParameterByName("utm_campaign"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0}),null!==getParameterByName("utm_medium")&&$.cookie("utm_medium",getParameterByName("utm_medium"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0}),null!==getParameterByName("utm_term")&&$.cookie("utm_term",getParameterByName("utm_term"),{expires:365,path:"/",domain:".lambdatest.com",secure:!0})}); </script>  <script type="text/javascript"> _linkedin_data_partner_id = "359305"; </script> <script type="text/javascript"> (function() { var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript"; b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s); })(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=359305&fmt=gif" /> </noscript>  <script src="https://cdn.lambdatest.com/assets/js/jwt-decode.min.js"></script> <script src="https://cdn.lambdatest.com/assets/js/zohoscript.js"></script> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-15a9ea9b6e428dbd49e","applicationID":"1241459542","transactionName":"ZlYEZxdTWERUWxZYX18cM0EMHVlHQVENX1FdHgVAFh9GRFBNBl4dUl8HQBYcRl9F","queueTime":0,"applicationTime":2,"atts":"ShEHEV9JS0o=","errorBeacon":"bam.nr-data.net","agent":""}</script></body> </html>