文本字段文本显示在Internet Explorer的框顶部

Question

嗨我已经制作了一个简单的css类，我增加了文本框的高度。 问题是文本在IE7的顶部附近开始（好像我没有改变高度）。 但在Firefox中，文本显示为垂直对齐。 现在我的问题是，我如何在Internet Explorer的框中垂直中间制作文本 这是我的CSS

.textfield{
    height:40px;
    width:300px;
    border: 1px solid #CCC;
    font-size:20px;
    color:#999;
}

这是我的HTML

<input name="" type="text" value="" class="textfield">

Answer 1

我没有IE7，所以我无法测试，但我的建议是你可以尝试使用填充而不是设置实际高度。这样我相信你会在文本的上方和下方获得相等的间距，从而使文本看起来垂直对齐。

.textfield{
    padding:10px 0;
    width:300px;
    border: 1px solid #CCC;
    font-size:20px;
    color:#999;
}

当然，您必须尝试使用​​填充量，我将10px作为示例。