爲什麼html設置爲透明時，Chrome在Chrome中選擇背景顏色爲黑色？

我有下面的下拉菜單，背景在Chrome中看起來很黑，但是在Windows/Linux/Mac上的Firefox/IE/Safari上是白色的。我正在使用所有這些瀏覽器的最新版本。爲什麼html設置爲透明時，Chrome在Chrome中選擇背景顏色爲黑色？

<style> 
select { 
    background-color: transparent; 
    background-image: url(http://sstatic.net/so/img/logo.png); 
} 
</style> 
<select> 
    <option>Serverfault</option> 
    <option>Stackoverflow</option> 
    <option>Superuser</option> 
</select>

有誰知道什麼時候該顏色在其他瀏覽器設置爲透明狀，我可以怎樣稱呼以上，使瀏覽器顯示的背景爲白色？

編輯： 我的目標是在選擇的背景中顯示圖像。除Chrome之外，每個瀏覽器都能正常顯示圖片。

來源

2009-09-04 Thierry Lam

風格化複雜的組件（如選擇等等）總是會變得複雜，因爲標準的HTML和CSS實際上不能表達這樣的模板。 – meandmycode 2009-09-04 20:13:51

根據this和this，Chrome中的錯誤應該是固定的。

該錯誤出現在版本2.0中。我只是在3.0-beta版本中測試它，並且它是固定的。

來源

2009-09-04 20:10:52 Aziz

我也在尋找那個bug，664與我的問題有關。我也剛剛爲Mac和Linux安裝了Chrome開發工具，它們的版本是4.0，並且已經修復。 – 2009-09-04 20:15:02

爲什麼使用background-color：transparent;爲「選擇」？如果你刪除該鉻工程。

你以後有什麼影響？也許一些演示？

來源

2009-09-04 19:45:30 Gavrisimo

他可能在「選擇」後面有一個背景圖像。 – Aziz 2009-09-04 19:48:44

這個答案https://stackoverflow.com/a/5806434/964227，我發現在另一個問題就像這對我完全工作。

顯然，Chrome不接受圖像作爲選擇背景。因此，爲了使顏色起作用，您必須移除圖像，然後設置顏色。我只需在這裏複製並粘貼其他答案。

select { 
    background-image: none; /* remove the value that chrome dose not use */ 
    background-color: #333; /* set the value it does */ 
    border-radius: 4px;  /* make it look kinda like the background image */ 
    border: 1px solid #888; 
}

來源

2012-07-13 00:42:20 lmoraes

爲什麼html設置爲透明時，Chrome在Chrome中選擇背景顏色爲黑色？

回答

相關問題