テキストフィールド ( input ) に padding ではなく height を指定したい時があるんですけど
そうするとIEで文字が上揃えになっちゃってるみたいなんですよね。
IE 8 の表示(6~8同じ感じだった)
Firefoxは最初っからイイ感じ。
html
[html]
<input type="text" name="example" />
[/html]
css
[css]
input[type="text"]{
height:1.6em;
}
[/css]
細かい事で申し訳ないけど気持ち悪い、なんとかしたい。
IEでも縦位置中央にするには
試してみた結果、heightと同じ値をline-heightに指定する方法が有効ぽかった。
[css]
input[type="text"]{
height:1.6em;
line-height:1.6em;
}
[/css]
すると、IEの表示がこうなる。
確認用テキストフィールド
- heightのみ指定
- line-heightを追加
- paddingの場合