输入中的文本选择不在中间

Question

嗨我正在尝试使用高度为36px的输入选择，

    <select name="qui" id="choose" style="position:absolute;top:202px;left:14px;
    width:418px;height:36px;font:  1em Arial, Helvetica, sans-serif;color:#b3b3b3;
    padding-left:30px;">
    <option value='' disabled selected >Êtes vous ?</option> 
    <option value='Particulier' >Particulier</option> 
    <option value='Professionel' >Professionel</option> 
    </select>

我对hava的期望是

但问题是当我在另一台计算机上用mozila打开它时我得到了这个

这段文字高于我的预期，我该怎么办

Answer 1

在选择框中试用padding:.3em;/.4em;。

http://jsfiddle.net/DaSa7/3/

Answer 2

您最好的选择可能是手动调整顶部填充：

padding-top:5px;

注意：

• 填充将取决于您的字体大小。
• 如果字体大小为px。
，请在px中使用填充

<强> JSFiddle Demo