css - 更改在html中透明的下拉列表的背景颜色

Question

我正在尝试将 HTML 中下拉列表的背景颜色更改为透明。

HTML

<select id="nname">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select> 

CSS

#nname {
    padding: 5px;
    color: #000;
    font-size: 12px;
    background: transparent;
    -webkit-appearance: none;

}

但是，背景保持白色，文本保持黑色。有任何想法吗？

Answer 1

您实际上可以使用以下 CSS 伪造 DOMElements的透明度：option

CSS

option { 
    /* Whatever color  you want */
    background-color: #82caff;
}

看演示

该option标签尚不支持rgba颜色。

Answer 2

或者可能

 background: transparent !important;
 color: #ffffff;