选择选项的CSS为透明背景

Question

我有一个网页,里面有背景图片.之后,有一个用于过滤某些内容的组合框.我想创建这个选择 - 选项背景是透明的.我在谷歌阅读了很多结果,在CSS中使用选择选项,但它没有用.我在这里创建了一个小提琴:http ://jsfiddle.net/25CQE/5For example,正如您所看到的,选项背景并不透明.那么,任何想法如何解决？或者它不能由CSS完成？

对不起,我的英语不好

Answer 1

如果你想使它完全透明,而不是使用

select {
    border: 1px solid #fff;
    background-color: transparent;
}

Demo

如果你想要半透明的背景颜色,你可以使用alpha代表的rgba()地方a

select {
    border: 1px solid #fff;
    background-color: rgba(255,255,255,.5);
    padding: 5px;
}

Demo 2