html - chrome 单选按钮上的白色背景

Question

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

Answer 1

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

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

-webkit-backface-visibility 

应用于容器 div。

我刚刚补充说：

-webkit-backface-visibility: hidden;

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

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

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

希望能帮助到你。