html - 选择选项的 CSS 为透明背景

Question

我有一个包含背景图片的网页。之后，有一个用于过滤某些内容的组合框。我想创建这个选择 - 选项背景是透明的。我在 google 上阅读了很多关于在 CSS 中使用选择选项的结果，但它没有用。我在这里创建了一个 fiddle :http://jsfiddle.net/25CQE/5 例如，如您所见，选项背景不是透明的。那么，知道如何解决吗？还是 CSS 做不到？

抱歉我的英语不好

Answer 1

如果你想让它完全透明，那就用

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

Demo

---

如果你想要半透明的背景色，你可以使用 rgba() 其中 a 代表 alpha

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

Demo 2