IE中的透明选择/选项文本

Question

我创建了JS小提琴来演示我的问题：http://jsfiddle.net/C8NUf/1/

HTML：

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

风格：

select {
    color: transparent;
}

在chrome中，通过将颜色设置为透明来正确消除所选文本“test”，在IE中，测试仍为黑色。

如何在IE中解决此问题？理想情况下，我想通过JQuery进行此更改，但这似乎与整体问题无关。

谢谢， 丹尼尔

Answer 1

你试试看吗？

display:none

此隐藏对象。我知道你想要使用颜色透明，但IE是垃圾。

Answer 2

Here is a comprehensive answer for all browsers

基本上，您必须以不同方式定义透明度以支持不兼容的浏览器。

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

然后只需将transparent作为一个类添加到select s。