【兼容问题】解决input标签在IOS浏览器中光标高度过长的问题

问题的发现：

在项目中做移动端页面，发现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，这样基本上可以解决所有浏览器的问题。