IE8截图(Bug):
Google Chrome“屏幕截图”(应该是什么样子):
当前复选框已使用CSS3设置样式有没有办法使其兼容?
我们在JSFiddle中完成的复选框样式是CSS3技术的一部分,因此较低的浏览器无法呈现其中的一些原因.请检查IE Tester上的表格(您可以下载并测试较低的IE版本,如果使用Windows),您将看到我的意思.
http://www.fratelliristorante.com.au/contact.html
<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不支持:之后.
我已更新您的HTML以使用隐藏的< span>保持选中标记,并调整CSS以切换其可见性.