Как я могу получить псевдо-элемент css: проверено на работу в IE8 без Javascript?

Question

У меня есть два переключателя, мне нужно установить цвет фона при щелчке. Мой код работает во всех браузерах, за исключением IE8. Возможно ли, чтобы это работало для IE8 без использования Javascript?

<form> 
    <input type="radio" id="m" name="gender" value="male"> 
    <label for="m">male</label> 
    <input type="radio" id="f" name="gender" value="female"> 
    <label for="f">female</label> 
</form> 

input:checked + label{ 
    background:red; 
} 

http://jsfiddle.net/chrimbus/sXjyL/3/

Answer 1

Хотя IE8 understands смежных двойников селекторов, он doesn't understandchecked псевдо-элемент, поэтому, к сожалению, вы не можете сделать свой код IE8 дружественный, используя только CSS.

Посмотрите на Selectivizr или IE7.js для решения JavaScript.

Answer 2

Вы можете попробовать это:

input[checked=checked] + label{ 
    background:red; 
}