html - クロムの入力ボックスの行の高さの問題?

Question

入力フィールドにheight:40pxとを設定します。line-height:40pxクロムを除くすべてのブラウザで動作します。

IE7 および IE8 が out 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;
}