1. 程式人生 > >Iphone移動Web和safari下輸入文本無法顯示或者顯示看不到的問題

Iphone移動Web和safari下輸入文本無法顯示或者顯示看不到的問題

朋友 hold 空白 put 後來 問題 andro type orm

情況是幫朋友調試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>

Iphone移動Web和safari下輸入文本無法顯示或者顯示看不到的問題