html - 为什么我无法在 Firefox 中将下拉列表的文本居中对齐？

Question

Code :

<select class="dropdown">
    <option value="1">Select</option>
    <option value="2">Value 1</option>
    <option value="2">Value 2</option>    
</select>

.dropdown
{
    padding:0 8px 0 8px;
    margin:0;
    border:0;
    background-color:#ffffff;
    height:26px;
    line-height:26px;
    font-size:13px;
    color:#000000;
    width:425px;
    border:1px solid #000000;
    vertical-align:middle;
}

在 Firefox 上，文本没有居中对齐。为什么？我该如何解决？ (火狐 16.0.2)

Answer 1

试试这个:

 .dropdown{ background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-size: 13px; margin: 0; padding: 8px; vertical-align: middle; width: 425px; }

---