無法在Chrome中的選擇元素上使rgba（）背景色正常工作

Question

Chrome在Vista上運行的16.0.912.75 m版。

我正在嘗試將rgba背景色應用於禁用的select元素，其不透明度為0.2。

它可以在Firefox和Opera中正常工作，但Chrome會忽略不透明度，只顯示純色。 我已經嘗試添加-webkit-appearance：無。 這將固定alpha值，但會從視圖中刪除select元素的按鈕部分。

有誰知道如何使用alpha值作為背景，而不隱藏select的按鈕部分？

http://jsfiddle.net/EMSmZ/9/ <==我已經對此進行了編輯，以確認rgba可以用於背景顏色，但不能用於選擇。 這兩個框在Chrome中具有不同的背景透明膠片，但是所選內容卻沒有。

---

仍然沒有，提交了一個錯誤報告： http : //code.google.com/p/chromium/issues/detail?id=110437

Answer 1

我不願意向您透露此信息，但是使用CSS設置表單元素的樣式只是一袋痛。 每個人都有理由使用Javascript替換技術來更改表單元素的外觀和感覺。（基本上是文本和文本區域除外）

Answer 2

我遇到了為客戶開發表單的相同問題。 我最終使用的解決方法是將background-color設置為較淺的版本（ #faebe7 ），該顏色是我想使用的任何基礎顏色（在這種情況下為紅色），而不是使用rgba(255,0,0,0.4) 。

Answer 3

在XP上無法像Chrome 16.0.912.75 m那樣工作。 如果給禁用的'opacity：.2; 它改變了整個元素的不透明度。 不確定要達到的效果，可能會顯示一些上下文來提供解決方案。