透明的選擇/選項文本

Question

我創建了JS提琴來證明我的問題：http://jsfiddle.net/C8NUf/1/

HTML：

<select> 
    <option> 
     Test 
    </option> 
    <option> 
     Another Test 
    </option> 
</select> 

風格：

select { 
    color: transparent; 
} 

在Chrome中，所選擇的通過將顏色設置爲透明來正確地消除文本「測試」，在IE中，測試仍然是黑色的。

我該如何解決這個問題在IE中？理想情況下，我想通過JQuery進行此更改，但這與整體問題似乎並不相關。

感謝， 丹尼爾

Answer 1

Here is a comprehensive answer for all browsers

從本質上講，你有不同的定義透明度，以支持非兼容的瀏覽器。

.transparent { 
    zoom: 1; 
    filter: alpha(opacity=50); 
    opacity: 0.5; 
} 

然後，只需添加transparent作爲一類你select秒。

Answer 2

你試過嗎？

display:none 

這個隱藏對象。我知道你想使用顏色透明，但IE是垃圾。