Ändern der Hintergrundfarbe der Dropdown-Liste im html-transparent

Ich versuche, ändern Sie die Hintergrundfarbe einer Dropdown-Liste im HTML-transparent.

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;

}

jedoch der hintergrund weiß bleibt und der text bleibt schwarz. Irgendwelche Ideen?

  • Sie können nicht Stil der dropdown-einer select DOMElement, es sei denn, Sie erstellen ist ein benutzerdefiniertes element, dass wird umgehen können. EDIT: zu Sehen: jsfiddle.net/Etr4F
  • Können Sie bitte erläutern?
  • mögliche Duplikate von Wie style <option> nur mit CSS?
  • es funktioniert in jfiddle : jsfiddle.net/LnMsw
  • Dann fragte Sie die falsche Frage. Die dropdown kann nicht angepasst werden. Obwohl die eingestellt können.
InformationsquelleAutor user2557464 | 2013-07-19
  1. 26

    Können Sie tatsächlich fake die Transparenz von option DOMElements mit den folgenden CSS:

    CSS

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

    Siehe Demo

    Den option - tag nicht unterstützen rgba die Farben noch.

    InformationsquelleAutor Jeff Noel
  2. 0

    HTML

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

    CSS

    .specialColor { 
    /* Whatever color  you want */
    background-color: #82caff;
}
    InformationsquelleAutor Developer
  3. 0

    Oder vielleicht 

     background: transparent !important;
 color: #ffffff;
    InformationsquelleAutor Pepys
Schreibe einen Kommentar