More than 5 years have passed since last update.

[CSS] IE8 inputのテキストフィールドで上下中央揃えがline-heightではできなかった

Posted at 2015-09-30

IE8 inputのテキストフィールドで上下中央揃えにしたかったので
line-heightを使ってみるがうまくいかず

<input type="text" class="hoge" value="ほげほげほげほげ">

.hoge {
    line-height: 30px;
}

仕方ないので上下paddingで代用

.hoge {
    padding: 7px 0;
}