如何使IE7和IE8复选框兼容？ （使用jQuery）

Question

IE8截图（错误）：

Google Chrome浏览器的“屏幕截图”（看起来应该是这样）：

当前复选框已使用CSS3设置样式，是否有任何使其兼容的方法？

我们在JSFiddle中完成的复选框样式是CSS3技术的一部分，因此较低的浏览器无法呈现其中的某些部分，这就是为什么。 请检查IE Tester上的表格（如果使用Windows，则可以下载并测试较低的IE版本），您将明白我的意思。

http://www.fratelliristorante.com.au/contact.html

http://jsfiddle.net/E5CxM/2/

<p>
<label></label>
<input type="checkbox" id="checkbox" name="checkbox" class="regular-checkbox big-checkbox" value="Yes" checked="checked">
<label for="checkbox" style="margin-right:10px;"></label>Subscribe me to your mailing list for upcoming events, hot offers and deals
</p>

注意：我们还使用了Dropkick（jQuery），该样式仅设置选择框的样式，不设置复选框的样式。

Answer 1

它不起作用的原因是因为旧的IE不支持:after 。

我已经更新了HTML，以使用隐藏的<span>来保留选中标记，并调整了CSS以切换其可见性。

更新小提琴

Answer 2

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

现在创建一个名为all-ie-only.css的css文件，并将其精简版放到IE中，因为他会出错。 您可以使用相同的内容制作不同的文本框。