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

【问题标题】：How to make a checkbox IE7 and IE8 compatible? (using jQuery)如何使复选框 IE7 和 IE8 兼容？（使用 jQuery）
【发布时间】：2013-04-02 08:30:38
【问题描述】：

IE8 截图（错误）：

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

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

【问题讨论】：

标签： html forms css internet-explorer-7

【解决方案1】：

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

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

Updated Fiddle

【讨论】：

如果这个答案解决了问题，请考虑将其标记为已接受；）
这在 IE7 或 IE8 中仍然无法检查。任何其他想法，尽管现在它显示了一个奇怪的勾号。
@Josh：你能让它兼容 IE7 或 IE8

【解决方案2】：

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

现在创建一个名为 all-ie-only.css 的 css 文件并将他的 lite 版本放到 IE 中，因为他有 bug。你可以使用相同的来制作不同的文本框。

【讨论】：

这有什么帮助？
如果 IE 仅适用于 IE 浏览器，这意味着您可以添加所有在 mozilla 和 chrome 中工作但在 IE 中无法使用的标签/代码，并为您所做的复选框添加升版本.
或者您可以编写适用于所有浏览器的代码，就像我的回答一样。 IE10 甚至不再支持条件 cmets。
不一样，如果你尝试使用 grediant 你会看到 IE 有不同的颜色，他甚至没有将 grediant 设置为默认背景。 ofc 如果版本是 10，那么它可以工作，但如果它是 9 - 6 或更低，它将无法工作。
这就是优雅降级的目的。如果人们拒绝更新他们的浏览器，我们不应该接受他们糟糕的判断。