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