在Chrome中選擇框的透明背景是否工作？

我想通過CSS使選擇的框背景透明。我正在使用background-color:transparent;。它正在爲Firefox而工作，但不適合Chrome。任何想法？ Here是一個生動的例子。感謝您的時間！在Chrome中選擇框的透明背景是否工作？

2013-03-19 DNA180

的Chrome 25.0.1364.172 - 作品的選擇，而不是選項 – Bigood 2013-03-19 12:18:50

@Bigood我使用Chrome的版本相同，你和透明度*不*工作在任。作爲參考，純色工作正常，但alpha透明度也被忽略。 'rgba（255，0，0，0.5）'顯示爲'rgb（255,0,0）'。 – 2013-03-19 12:21:14

Chrome 25.0.1364.172米 - 不適用於我 – Bill 2013-03-19 12:21:46

您可能會發現-webkit-appearance: none;有用。 <select> s是非常難以風格化的，如果你是在非定製的外觀和感覺之後，你可能需要考慮自己製作。

.outter_div select { 
    -webkit-appearance: none; 
}

2013-03-19 12:22:54

是的，但如果我這樣做，我失去了按鈕！這是唯一的方法嗎？ – DNA180 2013-03-19 12:26:24

好呼！你可能想補充說，這隻適用於'select'而不是'option's。 – 2013-03-19 12:27:38

它看起來像是唯一的方法：http://stackoverflow.com/a/5972981/1156119 http://stackoverflow.com/a/4142698/1156119 – 2013-03-19 12:28:16

回答