CSS Select Option transparenter hintergrund

Ich habe eine web-Seite, die hintergrund-Bild in es. Danach gibt es ein Kombinationsfeld zum filtern einige Inhalte. Ich will diese select - option hintergrund transparent. Ich habe gelesen, dass viele Ergebnis bei google zu verwenden, wählen Sie die option in CSS, aber es hat nicht funktioniert. Ich habe das erstellen einer Fiedel hier : http://jsfiddle.net/25CQE/5 For example und wie Sie sehen können, die option der hintergrund ist nicht transparent. So, keine Ahnung, wie das zu lösen? Oder es kann nicht getan werden durch CSS?

Sorry für mein schlechtes Englisch

InformationsquelleAutor Cross Vander | 2014-05-18
  1. 6

    Wenn Sie möchten, um es vollständig transparent ist, als die Nutzung 

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

    Demo

    Wenn Sie schauen, um halb-transparente Hintergrundfarbe, als Sie verwenden können rgba() wo a steht für alpha

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

    Demo 2

    • Sorry, aber es passieren einfach die wählen, nicht die Möglichkeit, auch.. das will ich ändern beides (select und option transparent)
    • als eine benutzerdefinierte dropdown wie designwithpc.com/Plugins/ddSlick
    • da Transparenz funktioniert nur mit flachen Hintergründen jsfiddle.net/25CQE/6
    • Hmm... Hab es.. es ist Also unmöglich mit nur CSS... ich werde versuchen, die benutzerdefinierte dropdown-dann. Vielen Dank An Mr. Alien. Noch einen schönen Tag.
    • yap und du willkommen 🙂
    InformationsquelleAutor Mr. Alien
  2. 0

    Fügen Sie einfach

    select {background:transparent;}

    --Bearbeiten --

    Sie nicht in der Lage, style-Optionen, denn diese nehmen den Stil von os oder browser. Sie könnten versuchen, eine javascript-Lösung für schönere form Elemente wie http://uniformjs.com/ - könnte man dann verwenden Sie ein transparentes Bild vielleicht

    • Sorry, aber es passieren einfach die wählen, nicht die Möglichkeit, auch.. das will ich ändern beides (select und option transparent)
    • Editiert oben. Nicht wirklich möglich, nur mit CSS
    InformationsquelleAutor b_uk_happy
  3. 0

    können Sie die Farbe ändern wählen Sie die option zur css-Datei oder den style, den folgenden Weg:

    select option {
    background-color: transparent; 
}

    oder für die Haupt-select-Eingang 

    select {
    background-color: transparent; 
}

    demo

    • Nein, es kann nicht transparent sein... take a look this: codepen.io/anon/pen/NRvBOL
    • ist richtig, wenn die option ist transparent, die Farbe des Hintergrundes wählen, verwendet wird. Aber wenn beide transparent sind, dann wird die dropdown-Teil wird weiß. Ich bin mir nicht sicher, ob dies ein Fehler oder funktioniert nicht wie vorgesehen. Auch, ich mag es nicht. : )
    • Recht! es funktioniert Nicht für chrome(Version 62.0.3202.62 (Offizieller Build) (64-bit)). Einige Foren sagen verwenden -webkit-appearance: none !wichtig; aber es funktioniert nicht für mich. Für firefox funktioniert es richtig!
    InformationsquelleAutor Ezequiel De Simone
Schreibe einen Kommentar