allineamento verticale del testo nella casella di selezione - problema firefox

Question

Ho riscontrato un problema con l'allineamento verticale della didascalia della casella di selezione in Firefox.

CSS per selezionare aspetto:

select#cities_list { 
    width: 95px; 
    height: 45px; 
    line-height: 45px; 
    background: url('./img/select-arrow.png') no-repeat right transparent; 
    -webkit-appearance: none; 
    border: 1px solid #dcdcdc; 
    border-left: none; 
    border-right: none; 
    padding: 0 10px; 
    margin: 0; 
    float: left; 
} 

In Chrome tutto sembra a posto:

Aiuto!

Answer 1

Si può provare questo

padding:.3em;/.4em; 

a seconda della configurazione.

Answer 2

Un altro metodo, quello che preferisco, è questa:

@-moz-document url-prefix() { 

    select { 
     padding-top: 8px; 
    } 
} 

Impostare la padding-top per quello che vuoi. Qualsiasi cosa all'interno delle parentesi @-moz-document url-prefix() verrà eseguita solo su Firefox.