站内搜索:
首页 >> 前端 >> 内容
IE8中,input光标位置垂直不居中问题解决办法

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

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;
}

  • 上一篇:angular4开发环境设置教程
  • 下一篇:解题:定义栈的数据结构,请在该类型中实现一个能够得到栈最小元素的min函数
  • 返回顶部