Nascondere predefinita freccia di selezione in Firefox 22

Question

A seguito di questa risposta https://stackoverflow.com/a/17713753/407943

ho provato l'attuazione della stessa soluzione, ma non funziona sul mio Windows 7 Firefox 22, questo è quello che ottengo:

select { 
    -moz-appearance: window; 
    -webkit-appearance: none; 
    background: #f5f5f5 url("/images/arrow_down.png") right center no-repeat; 
    padding-right: 20px; 
} 
@-moz-document url-prefix() { 
.wrapper { 
    background: #f5f5f5 url("/images/arrow_down.png") right center no-repeat; 
    padding-right: 20px; 
    } 
} 

EDIT: ecco una jsfiddle http://jsfiddle.net/TGBEZ/1/

Answer 1

Questo è un bug noto di Firefox che non sarà corretto presto, o forse anche più tardi (vedi questo bugzilla).

V'è una pura soluzione CSS/HTML:

HTML:

<div class="styled"> 
    <select></select> 
</div> 

CSS:

div.styled { 
    overflow: hidden; 
    padding: 0; 
    margin: 0; 
} 

div.styled select { 
    width: 115%; 
    background-color: rgba(0, 0, 0, 0); 
    background-image: none; 
    -webkit-appearance: none; 
    border: none; 
} 

The Fiddle

Il problema qui è che si dovrà per assicurarsi che te xt non sarà troppo grande, altrimenti passerà sull'immagine.

Inoltre, ci sono soluzioni javascript. Dai uno sguardo a customselect, un plugin jQuery per creare facilmente i tuoi selezioni.

Un altro famoso plugin: chosen

Answer 2

Questa è l'unica soluzione che davvero lavorato per me su FF/IE/Chrome:

Customized select dropdown arrow not clickable

Answer 3

Update: questo trucco ha smesso di funzionare a partire dal FF 30. Nessun'altra correzione finora. Tieni gli occhi su full gist per gli aggiornamenti.

---

Come rimuovere la freccia <select> su Firefox:

-moz-appearance:none; non funziona da solo. È necessario aggiungere un po 'di text-indent e text-overflow. Come questo:

select { 
    -moz-appearance: none; 
    text-indent: 0.01px; 
    text-overflow: ''; 
} 

vivo esempio: http://jsfiddle.net/joaocunha/RUEbp/1/

apprendere i dettagli di questa sostanza: https://gist.github.com/joaocunha/6273016