Is there a way to make IE8 ignore the CSS rule that it only partially understands?

Question

I just came across what seems to me to be absurd behavior. If IE8 does not understand part of the rule, it ignores everything:

input[type=radio]:checked, input.checked { /* Some CSS */ } 

I already have J8-specific JS code that adds the .checked class, but since it does not understand :checked , it ignores the whole thing, so I now have to have a few rules:

 input[type=radio]:checked{ /* Some CSS */ } input.checked { /* The exact same CSS */ } 

So my question is: does anyone know how to make IE8 and below ignore :checked instead of throwing out the whole rule?

A very simple example: http://jsfiddle.net/8UT56/

Answer 1

You can use a library like http://selectivizr.com/ to give newer IE selectors.