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

Question

IE8 截图（错误）：

谷歌浏览器“屏幕截图”（应该是什么样子）：

当前复选框已使用 CSS3 进行样式设置，有什么方法可以使其兼容吗？

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

http://www.fratellistorante.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 文件并将他的 lite 版本放到 IE 中，因为他有 bug。您可以使用相同的方法制作不同的文本框。