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

暂未找到更高级的方法解决此问题,若有更简洁方式,请大神评论指点~
我的解决方案如下:
在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; }