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

IE8 截图(错误): enter image description here

Google Chrome“屏幕截图”(它应该是什么样子): enter image description here

当前的复选框已经使用 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)，它只设置选择框的样式而不设置复选框的样式。

最佳答案

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

我已经更新了您的 HTML 以使用隐藏的 <span>按住复选标记，并调整 CSS 以切换其可见性。

Updated Fiddle

关于html - 如何使复选框兼容 IE7 和 IE8？ (使用 jQuery)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15754050/