chrome中的输入框行高问题?

时间:2013-11-08 05:43:49

标签: html css

我将高度:40px和行高:40px设置为输入字段。它适用于所有浏览器,除了chrome。 IE7和IE8无法正常使用line-height属性。所以我设定了这个专业。 参考下图。

enter image description here

HTML:

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

CSS:

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

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

1 个答案:

答案 0 :(得分:2)

我建议使用padding而不是line-height。

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