最近在项目中遇到一个问题,input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样。
后来发现,是因为给父盒子添加了height和line-height。当点击输入的时候,光标的高度就自动和父盒子的高度一样了。而当有内容的时候,光标是从input的顶端到文字的底部。
解决办法:不用给父盒子设置高度height和行高line-height,内容用padding撑开。
最近在项目中遇到一个问题,input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上当点击输入的时候,光标的高度和父盒子的高度一样。
后来发现,是因为给父盒子添加了height和line-height。当点击输入的时候,光标的高度就自动和父盒子的高度一样了。而当有内容的时候,光标是从input的顶端到文字的底部。
解决办法:不用给父盒子设置高度height和行高line-height,内容用padding撑开。