input输入框在IOS手机上偏移问题

Posted 单身girl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input输入框在IOS手机上偏移问题相关的知识,希望对你有一定的参考价值。

问题:input输入框在ios手机上,由于placeholder字体小于输入框字体,导致placeholder字体偏上显示。

解决方案:placeholder属性,设置line-height: normal; padding-top: 0.4rem(2px)。就可以。
类似支付宝还花呗-提前还款页面。input输入框问题。
input::-webkit-input-placeholder
padding-top .4rem
line-height normal

注意 :父级元素不要设置diaplay: flex属性。更不要设置align-items为baseline,显示会出问题

以上是关于input输入框在IOS手机上偏移问题的主要内容,如果未能解决你的问题,请参考以下文章

解决 input 输入框在 iOS 系统中无法输入内容

微信小程序开发中input框在模拟器上点击输入无效,无法输入文字

mui的input框在IOS系统下无法聚焦或点击多次才能聚焦

mui搜索框在ios环境上点击多次才弹出键盘的解决方法

select下拉框、输入框在IOS中出现阴影

IOS-input元素光标偏移乱跑,是什么原因