ios端兼容input光标高度处理

来源:互联网 发布:新加坡移动网络制式 编辑:程序博客网 时间:2024/06/05 02:51

在最近的项目中遇到一个问题,input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上

当点击输入的时候,光标的高度和父盒子的高度一样。造成的原因就是给父盒子添加了height和line-height

当点击输入的时候,光标的高度就自动和父盒子的高度一样了。(谷歌浏览器的设计原则,还有一种可能就

是当没有内容的时候光标的高度等于input的line-height的值,当有内容时,光标从input的顶端到文字

的底部)。

解决办法:去掉父盒子的高度height和行高line-height内容用padding撑开。