15

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;

}

ただし、背景は白のままで、テキストは黒のままです。何か案は？

4

2 に答える 2

33

実際には、次の CSS を使用して DOMElementsの透過性を偽装できます。option

CSS

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

デモを見る

optionタグはまだ色をサポートしていませんrgba。

于 2013-07-19T18:24:14.650 に答える
0

または多分

 background: transparent !important;
 color: #ffffff;
于 2016-05-14T20:16:58.717 に答える