Iphone移动Web和safari下输入文本无法显示或者显示看不到的问题

Posted 2020-10-21

情况是帮朋友调试Web app，在android下显示正常，用iphone查看时输入文本框发现输入的文字都空白，加入背景上仍然看不到文字。代码如下：
<div class="phone">
<input type="number" value="" placeholder="请输入验证码" >
</div>
后来百度发现了解决方案，在文本框中加入style="line-height:normal;"
如下图：
<div class="phone">
<input type="number" value="" placeholder="请输入验证码" style="line-height:normal;">
</div>