Padding CSS specifico del browser per il campo firefox

Question

Ho un elenco a discesa nella mia applicazione in base al quale per centrarlo devo aggiungere padding-top 10px mentre su Mozilla Firefox ma su google chrome non ha bisogno del padding. Come posso scegliere come target l'elenco di selezione per impostare questo browser specifico. Speravo di poter fare qualcosa del tipo:

select { 
    -moz-padding-top: 10px; 
    -webkit-padding-top: 0px; 
} 

Qualche idea su come potrei aggirare questo? Fiddle di problema illustrato di seguito, se controlli questo in Chrome e poi Firefox, lo voglio in modo che il testo è sempre in mezzo

http://jsfiddle.net/uHDa6/

Answer 1

La risposta alla tua domanda è: sì, è possibile mettere Mozilla- CSS specifico in un foglio di stile. (Non in un attributo stile in linea.)
In questo caso, si può scrivere

@-moz-document url-prefix() { 
    select {padding-top:10px;} 
} 

che è semplicemente la versione di Mozilla-prefisso della regola @document, che non è riconosciuto da altri browser.

Tuttavia, la soluzione effettiva al problema della posizione del testo non corrispondente è di non impostare l'altezza, ma solo il riempimento della selezione. Niente hack

style="font-size: 14px; padding: 11px 0 11px 5px;" 

Che ha l'effetto desiderato in tutti i browser. Vedi new fiddle.