Javascript IE8复选框和收音机

如何设置复选框和无线电输入的样式，以便在所有浏览器（IE8、firefox、webkit等）上看起来统一。我尝试了各种方法，但到目前为止什么都没有。 我只想设置复选框和单选框的样式，而不是我在其他web示例中看到的标签或跨度。 这里的一点帮助将是非常棒的。 下面是一个小提琴的例子：

---

谢谢。

您需要3d party JS库，如下所示：

纯CSS解决方案只适用于webkit浏览器，可能适用于最新的Firefox。但对于IE8，您肯定需要使用一些JS/jQuery插件来实现这一点。

您尝试过：

file.css：

.checkbox {
margin:15px;
/*opacity:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);*/
}

file.html

<input id="pushon" type="checkbox" checked="checked" class="checkbox" />
<input id="pushon" type="checkbox" disabled="disabled" class="checkbox" />
<input id="pushon" type="checkbox" checked="checked" disabled="disabled" class="checkbox" />
<input id="roundon" type="radio" value="Valoare" checked="checked"/>
<input id="roundon" type="radio" value="Valoare" disabled="disabled"/>
<input id="roundon" type="radio" checked="checked" disabled="disabled" />

---

对于旧版IEs 8、7等，您可能需要发挥创意：

例如

/*老年人的诀窍*/

background:#40668C; /* trick for older IEs */
width:50px; /* trick for older IEs */
height:50px; /* trick for older IEs */****
}

---

您认为jQuery集是什么？是的，我知道，这不是一个。。。但我不想将label用于背景更改或其他涉及label的解决方案，我只想设置checkbox和Radio的样式。您的示例显示了Microsoft在IE中删除的非标准过滤器，因此它们在任何其他浏览器中都不起作用。

background:#40668C; /* trick for older IEs */
width:50px; /* trick for older IEs */
height:50px; /* trick for older IEs */****
}