我如何获得一个css伪元素：在没有Javascript的情况下检查在IE8中工作？

Question

我有两个单选按钮，我需要在点击时设置背景颜色。我的代码适用于IE8以外的所有浏览器。这是否可以在不使用Javascript的情况下使IE8工作？

<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 understand checked伪元素，但遗憾的是，您不能仅使用CSS使您的代码对IE8友好。< / p>

请查看Selectivizr或IE7.js获取JavaScript解决方案。

Answer 2

你可以试试这个：

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