html - chrome中的输入框行高问题？

Question

我设置height:40px和line-height:40px输入字段。它适用于除 chrome 之外的所有浏览器。

IE7 和 IE8 在没有 line-height 属性的情况下无法正常工作。所以我设置了这个属性。

参考下图。

HTML：

Login :
<input type="text" class="inputtxt" />

CSS：

.inputtxt {
    height:40px;
    width:200px;
    line-height:40px;
}

在小提琴：http: //jsfiddle.net/8DF7G/2/

Answer 1

我建议使用填充而不是行高。

input {
    width:200px;
    height:20px;
    padding:10px 5px;
}