Internet Explorerのテキストフィールド(input type="text")のテキスト縦位置をイイ感じにしたい。

Internet Explorerのテキストフィールド(input type=”text”)のテキスト縦位置をイイ感じにしたい。

テキストフィールド ( input ) に padding ではなく height を指定したい時があるんですけど
そうするとIEで文字が上揃えになっちゃってるみたいなんですよね。

IE 8 の表示(6～8同じ感じだった)
IEのinput内テキスト縦位置

Firefoxは最初っからイイ感じ。
firefoxのinput内テキスト縦位置

html

<input type="text" name="example" />

1	<input type="text" name="example" />

css

input[type="text"]{
height:1.6em;
}

input[type="text"]{

height:1.6em;

}

細かい事で申し訳ないけど気持ち悪い、なんとかしたい。

試してみた結果、heightと同じ値をline-heightに指定する方法が有効ぽかった。

input[type="text"]{
height:1.6em;
line-height:1.6em;
}

input[type="text"]{

height:1.6em;

line-height:1.6em;

}

すると、IEの表示がこうなる。
IEのinput内テキスト縦位置:line-height追加

Internet Explorerのテキストフィールド(input type=”text”)のテキスト縦位置をイイ感じにしたい。