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