How to detect if browser support specified css pseudo-class?


Tags: javascript,css3,detection,pseudo-class,browser-feature-detection

Problem :

What's concept of detecting support of any css pseudo-class in browser through JavaScript? Exactly, I want to check if user's browser supports :checked pseudo-class or not, because I've made some CSS-popups with checkboxes and needs to do fallbacks for old browsers.

ANSWER: I'm found already implemented method of testing css selectors in a Modernizr "Additional Tests".



Solution :

You can simply check if your style with pseudo-class was applied.

Something like this: http://jsfiddle.net/qPmT2/1/


    CSS Howto..

    CSS: How to shrink first div in container instead of going outside of container

    How To Outline a PNG (Transparent) image with CSS?

    How to make a stable two column layout in HTML/CSS

    How to add a class to select_tag in Ruby on Rails

    How to get item to appear on mobile homepage only(wordpress)

    How to add html glyph markup to JQuery show/hide function

    How to make CSS animation happen the moment the website loads

    How to clear css cache

    How to add a:hover css function to this code?

    Centering Special Javascript Popup, How?

    How to create fixed to screen layout

    Applying new css to elements with jQuery, how to add transition?

    How to style Bootstrap menu like a V? [closed]

    How to alternate HTML table row colors using JSP?

    jQuery CSS how to avoid flickering?

    How to avoid bootstrap from overriding id-called custom css?

    How to increase spacing between dt tags

    How to match an element's background colour with 2 semi-transparent element background colours

    CSS3 - How to “restore” ::-webkit-scrollbar property to the default scroll bar

    How to align text in CSS

    How to change CSS style without id or class

    How to make this layout more responsive in CSS?

    How to make a progress bar like this in CSS

    How can I change CSS Class of a textbox on failed Validation and then again change it back on successful validation?

    how to change attribute of table cell based on contents when table rows created by while loop with PHP

    How to arrange div as a dock panel?

    How to resize & move css divisions at same time?

    How to display a border-bottom only if table cells are not empty (CSS)

    How to read property value of a DIV which is set by a CSS class?

    How can i overlap inline divs?