ASP：Mozilla中的DropDownList垂直文本对齐方式

Question

我在ASP.net页面上有一系列文本框和下拉列表，使用ASP：DropDownList控件。

它们在chrome，IE，opera，safari中都很好用，但在FF中我得到：

注意“请选择”在下拉列表中对齐。

代码：

<asp:DropDownList runat="server" onclick="changeBorderColor(this.id)" forecolor="White"  style="border:none; Width:352px; font-size:15px; font-family:Arial, helvetica, Verdana; height:35px; color: rgb(0, 0, 0); border: 1px solid rgb(124, 201, 25); border-radius:4px 4px 4px 4px; box-shadow:0px 0px 9px rgb(191, 191, 191) inset; padding-left:10px; " ID="Country" Width="282px" >

我尝试过一些“填充顶部：”但它会导致其他问题。

如何让文本显示在控件的垂直中心？

Answer 1

而不是vertical-align使用line-height 30或其他东西。尝试20到30之间的东西

Answer 2

我带来的最佳解决方案是提供padding-top和padding-bottom。我们现在说你有font-size: 15px;和height: 35px;，这意味着20px有空，所以添加padding-top: 10px和padding-bottom: 10px，文字应该在中间垂直居中你的input。