firefox - 选择框中的文本垂直对齐 - 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;

取决于你的配置。

Answer 2

我更喜欢的另一种方法是：

@-moz-document url-prefix() {

    select {
        padding-top: 8px;
    }
}

设置padding-top为任何你喜欢的。括号内的任何内容都@-moz-document url-prefix()将仅在 Firefox 上执行。