1. 程式人生 > >IE8下input游標位置垂直不居中問題

IE8下input游標位置垂直不居中問題

IE8:游標高度與font-size一致;
Chrome:游標高度與font-size一致,且自動垂直居中。
如下是IE8的效果,此框是在input上加的border:
這裡寫圖片描述

暫未找到更高階的方法解決此問題,若有更簡潔方式,請大神評論指點~
我的解決方案如下:
在input外層加div,div設定height和line-height,input設定高度(高度為font-size的高度加高一點,這個自己除錯著看)。

<div class="form-control">
    <input id="telephone_find" type="text" placeholder="手機號"
/> </div>
.form-control {
    height: 45px;
    margin-top: 15px;
    padding-top: 11px;
    outline: none;
}