在单选按钮上的白色背景在镀铬物

Question

我在单选按钮上有一个white square background。此问题只能在Windows plus Chrome中重现。我尝试了很多选项来尝试删除此问题，但问题仍然存在。以下是该问题的 DEMO 。有没有解决这个问题的工作。

Answer 1

这是一个已知的bug铬合金。我建议你更新到最新版本的chrome。他们好像已经解决了这个问题。

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

-webkit-backface-visibility 

应用于容器div。

我刚补充说：

-webkit-backface-visibility: hidden;

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

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

This帖子也可以派上用场，但我认为他们已经在最新版本的谷歌浏览器中解决了这个问题。

希望它有所帮助。