關於鍍鉻上單選按鈕的白色背景

Question

我在單選按鈕上有white square background。這個問題只能複製Windows plus Chrome。我嘗試了很多選項，試圖消除這個問題，但問題仍然存在。這裏是DEMO的問題。有沒有解決這個問題的任何工作。

Answer 1

這是一個已知的鉻bug。我會建議你更新到最新版本的chrome。他們似乎已經解決了這個錯誤。

但是在您分享的fiddle中，我可以看到單選按鈕周圍的白色背景。我認爲這可能是因爲

-webkit-backface-visibility 

應用於容器div。

我只是說：

-webkit-backface-visibility: hidden; 

，我現在不看白方。工作demo。

@Jerin建議你也可以使用一個精靈圖像作爲單選按鈕上的跨度的佔位符，它將覆蓋單選按鈕上的白色背景。

This後也可能派上用場，但我認爲他們已經解決了谷歌瀏覽器的最新版本中的問題。

希望它有幫助。