概述
做的是移动端的页面，在做项目的过程当中，发现input输入框ios的表现和安卓不一样，ios会比较大，撑满整个input输入框。
原因：
IE：不管该行有没有文字，光标高度与font-size一致。
FF：该行有文字时，光标高度与font-size一致。该行无文字时，光标高度与input的height一致。
Chrome：该行无文字时，光标高度与line-height一致；该行有文字时，光标高度从input顶部到文字底部(这两种情况都是在有设定line-height的时候)，如果没有line-height，则是与font-size一致。
IOS中情况和Chrome 相似。
方法：
- 设置字体大小和行高一致，然后通过
padding撑开大小 只给IE浏览器设置 line-height
-ms-line-height:40px; 还有css改变光标插入颜色，可参考：
http://www.zhangxinxu.com/wordpress/2018/01/css-caret-color-first-line/
最后
以上就是洁净小蝴蝶为你收集整理的IOS input 光标大小调整的全部内容，希望文章能够帮你解决IOS input 光标大小调整所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复