在制作表单列表的时候,为了增加可点击区域,我们经常会增加input的行高。如果采用下面的方式,在android系统中是没有问题的,但是在iOS系统中,输入光标会很高,影响视觉,(用line-height来设置input的高度)
<input type="text" style="font-size: 24px;line-height: 40px;">
解决上面的问题,我们可以用下面的方法。即:用margin把input的高撑起来,这样iOS中就没有问题了。
<input type="text" style="font-size: 24px;height: 30px;margin: 10px 0;">