CSS per Selezionare l'opzione per lo sfondo trasparente

Question

Ho una pagina web che contiene un'immagine di sfondo. Dopodiché, c'è una casella combinata per filtrare alcuni contenuti. Voglio creare questa selezione: lo sfondo dell'opzione è trasparente. Ho letto molti risultati su google per utilizzare l'opzione select al CSS, ma non ha funzionato. Ho creato un violino qui: http://jsfiddle.net/25CQE/5For example e come puoi vedere, lo sfondo dell'opzione non è trasparente. Quindi, qualche idea su come risolverlo? Oppure non può essere fatto dai CSS?

Ci dispiace per il mio cattivo inglese

Answer 1

Se si vuole rendere completamente trasparente, che usare

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

Demo

---

Se stai cercando di avere semi-trasparente colore di sfondo, che è possibile utilizzare rgba() dove a sta per alpha

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

Demo 2

Answer 2

Basta aggiungere

select {background:transparent;} 

--edit aggiuntiva -

È solito essere in grado per lo stile delle opzioni, perché questi prendono lo stile dal sistema operativo o dal browser. Si potrebbe provare una soluzione javascript per elementi del modulo belli, come http://uniformjs.com/ - È quindi possibile utilizzare un'immagine trasparente forse

Answer 3

è possibile cambiare il colore per selezionare l'opzione sul file CSS o lo stile, il modo seguente:

select option { 
    background-color: transparent; 
} 

o per il principale selezione ingresso

select { 
    background-color: transparent; 
} 

demo