jquery - 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 进行此更改，但这似乎与整体问题不太相关。

谢谢，丹尼尔

score 0 · Accepted Answer

你试试放？

display:none

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

score -1 · Accepted Answer

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

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

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

2 回答 2