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

У меня есть два переключателя, мне нужно установить цвет фона при щелчке. Мой код работает во всех браузерах, за исключением 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/

Ответы

Ответ 1

В то время как IE8 понимает соседние селекторные функции, он не понимает псевдоэлемент checked, поэтому, к сожалению, вы не можете сделать свой код IE8-дружественным только с помощью CSS.

Взгляните на Selectivizr или IE7.js для решения JavaScript.

Ответ 2

Вы можете попробовать следующее:

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