chrome单选按钮上的白色背景[重复]答案

【问题标题】：White background on radio button on chrome [duplicate]chrome单选按钮上的白色背景[重复]
【发布时间】：2013-05-27 06:06:40
【问题描述】：

我在单选按钮上有一个white square background。此问题只能在Windows plus Chrome 中重现。我尝试了许多选项试图消除此问题，但问题仍然存在。这是该问题的 DEMO。有什么办法可以解决这个问题。

【问题讨论】：

【解决方案1】：

这是 chrome 中已知的 bug。我建议您更新到最新版本的 chrome。他们似乎已经解决了这个错误。

但是在您分享的fiddle 中，我可以看到单选按钮周围的白色背景。我想可能是因为

-webkit-backface-visibility

应用于容器 div。

我刚刚添加了：

-webkit-backface-visibility: hidden;

我现在看不到白色方块。工作demo。

@Jerin 建议您也可以使用精灵图像作为单选按钮上的跨度的占位符，这将覆盖单选按钮上的白色背景。

This 的帖子也可能派上用场，但我认为他们已经在最新版本的 google chrome 中解决了这个问题。

希望对你有帮助。

【讨论】：