版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_33237207/article/details/89338015
问题的发现：
在项目中做移动端页面，发现IOS浏览器中的光标大小很大，和安卓的完全不一样，思考怎么调整大小，搜索之后发现，里面挺好玩的，觉得是可以总结一下的。
总结：
IE：不管该行有没有文字，光标高度与font-size一致。
FF：该行有文字时，光标高度与font-size一致；该行无文字时，光标高度与input的height一致。
Chrome：1、设置line-height时：该行无文字时，光标高度与line-height一致；该行有文字时，光标高度从input顶部到文字底部。2、没有设置line-height时，则是与font-size一致。
IOS中情况和Chrome 相似。
解决办法：
不要给input加高度，加padding撑开就行了，最好也不要设置line-height，这样基本上可以解决所有浏览器的问题。