在项目中做移动端页面，发现IOS 的光标大小很大，和安卓的完全不一样，思考怎么调整大小，搜索之后发现，里面挺好玩的。觉得是可以总结一下的。
结论
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;
前言 在项目中做移动端页面，发现IOS 的光标大小很大，和安卓的完全不一样，思考怎么调整大小，搜索之后发现，里面挺...
h5 ios手机 隐藏input输入光标
ios端兼容input光标高度问题：input输入光标，在苹果手机上点击输入时，光标的高度会和父盒子的高度一样高分...
光标大小与font-size一致，不要给input设置line-height,会影响光标的位置。
input标签使用readonly属性之后,在ios设备上会有光标 解决方法:
1.ios端兼容input光标高度处理 在最近的项目中遇到一个问题，input输入框光标，在安卓手机上显示没有问题...
iOS上面输入框光标和字体无法居中 如何解决input输入框在ios中光标及字体不居中的问题；问题根本：不要使用l...
iOS获得UITextView当前光标所在的位置.很简单: 定义两个变量 { UITextView* _input...
ios 部分机型 对input框不兼容 当获取焦点后，光标错位，一般是弹出框使用fixed布局导致； 而光标过大，...
在项目中做移动端页面，发现IOS 的光标大小很大，和安卓的完全不一样，思考怎么调整大小，通过实践和尝试，找到了解决...
本文标题：IOS input 光标大小调整
本文链接：https://www.haomeiwen.com/subject/bmfiaqtx.html
网友评论