您现在的位置:首页 >> 前端 >> 内容

IE8中,input光标位置垂直不居中问题解决办法

时间:2017/10/23 16:47:37 点击:

  核心提示:IE8:光标高度与font-size一致;Chrome:光标高度与font-size一致,且自动垂直居中。如下是IE8的效果,此框是在input上加的border: 暂未找到更高级的方法解决此问题,若...

IE8:光标高度与font-size一致;

Chrome:光标高度与font-size一致,且自动垂直居中。

如下是IE8的效果,此框是在input上加的border:

IE8中,input光标位置垂直不居中问题解决办法

暂未找到更高级的方法解决此问题,若有更简洁方式,请大神评论指点~

我的解决方案如下:

在input外层加p,p设置height和line-height,input设置高度(高度为font-size的高度加高一点,这个自己调试着看)。

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

Tags:IE E8 8中 中I 
作者:网络 来源:BigOrange的