firefox - 選択ボックスでのテキストの垂直方向の配置 - Firefoxの問題

Question

Firefox の選択ボックス キャプションの垂直方向の配置に問題があります。

select の CSS は次のようになります。

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

Chrome では、すべて問題なく表示されます。

ヘルプ！

Answer 1

あなたはこれを試すことができます

padding:.3em;/.4em;

構成によって異なります。

Answer 2

私が好む別の方法は次のとおりです。

@-moz-document url-prefix() {

    select {
        padding-top: 8px;
    }
}

を好きなように設定しpadding-topてください。括弧内@-moz-document url-prefix()はすべて Firefox でのみ実行されます。