html - 复选框 CSS 规则不适用于 Internet Explorer 9

Question

更改复选框背景的代码:

.question11 input[type=checkbox] + label {
    display: block;
    height: 16px;
    padding-left: 25px;
    background: url(images/bg.gif) top left no-repeat;
}

问题是它不适用于 Internet Explorer 9.0.4。

Answer 1

CSS 选择器对于 IE 来说太复杂了。如果可以更改 HTML，简单的解决方案是为复选框和标签提供一个类或 ID。

<input type="checkbox" class="foo"><label class="foo">...</label>

.question11 .foo {
  ...
}