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

【问题标题】：Changing the background color of a drop down list transparent in html更改在html中透明的下拉列表的背景颜色
【发布时间】：2013-07-19 02:55:30
【问题描述】：

我正在尝试将 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;

}

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

【问题讨论】：

您不能为select DOMElement 的下拉菜单设置样式，除非您创建一个自定义元素来处理这个问题。 编辑： 见：jsfiddle.net/Etr4F
您能详细说明一下吗？
How to style the <option> with only CSS?的可能重复
@JeffNoel 它在 jfiddle 中工作：jsfiddle.net/LnMsw
那你问错问题了。 下拉菜单 不能自定义。虽然选择的输入可以。

标签： css

【解决方案1】：

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

CSS

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

See Demo

option 标签还不支持rgba 颜色。

【讨论】：

【解决方案2】：

或许

 background: transparent !important;
 color: #ffffff;

【讨论】：