0

我更改复选框背景的代码:

.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。

4

4 回答 4

3

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

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

.question11 .foo {
  ...
}
于 2012-06-06T12:16:54.123 回答
3

朱哈娜是对的。

另一个问题是,您不能仅通过 CSS 为复选框设置 100% 的样式。
它有很棒的插件,因此您可以通过图像完全替换复选框等。

--> Uniform -例如带有 jQ​​uery 的性感表单。

于 2012-06-06T12:51:55.647 回答
1

该规则不会在任何复选框上设置任何属性。它仅适用label于特定上下文中的元素,这就是它在 IE 9 和其他浏览器上的工作方式。

如果您希望将规则应用于紧随其后的任何复选框元素label(正如我猜的那样),那么您将需要一种不同类型的选择器——在 CSS 选择器第 4 级草案中似乎不存在的东西,仍然更少支持。因此,您需要添加一些标记,例如复选框的类属性。

于 2012-06-06T13:31:01.837 回答
0

像这样试试

.chh {

background-image: url(images/checkbox_bg.gif);}

 if(document.getElementById(id+ii).checked==true){
   document.getElementById(id+ii).className==chh;
                    }

先写css再应用javascript函数

于 2012-06-06T12:52:18.860 回答