選択ボックスのテキストの垂直方向の整列 - Firefoxの問題

Question

Firefoxの選択ボックスのキャプションの垂直方向の整列に問題があります。このような選択に見えるため

CSS：すべてが正常に見えるChromeの場合

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; 
} 

：

ヘルプ！

Answer 1

あなたの設定に応じて、この

padding:.3em;/.4em; 

をしようとします。あなたが好きにpadding-topを設定

@-moz-document url-prefix() { 

    select { 
     padding-top: 8px; 
    } 
} 

：

Answer 2

別の方法、私が好む1は、このです。 @-moz-document url-prefix()括弧内のものはFirefoxのみで実行されます。