文本垂直对齐在选择框中 - Firefox问题

Question

我在Firefox中选择框标题的垂直对齐问题.

用于选择的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;

取决于您的配置.