input光标高度问题

Posted 心素如简,人淡如菊。

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input光标高度问题相关的知识,希望对你有一定的参考价值。

input输入框光标高度问题
IE:不管该行有没有文字,光标高度与font-size大小一致

FF:该行没有文字时,光标大小与input的 height 大小一致;该行有文字时,光标大小与font-size大小一致

chrome:有2种情况,①设置了line-height 该行没有文字时,光标大小与input的 line-height 大小一致; 该行有文字时,光标大小从input顶部到文字底部

           ②没有设置line-height 光标大小与font-size一样

所以,input在使用的时候,最好不要设line-height, 可以设定一个较小的height, 然后用 padding 来撑开,这样基本上可以解决所有浏览器的问题

以上是关于input光标高度问题的主要内容,如果未能解决你的问题,请参考以下文章

input输入框中的光标大小显示不一致的解决方法

input光标大小

在不同浏览器中,input里面的输入光标大小表现形式却大不相同

web移动端常见问题 - input

ios兼容性

微信H5页面前端开发,大多数人都会遇到的几个兼容性坑