在項目中做移動端頁面，發現IOS 的光標大小很大，和安卓的完全不一樣，思考怎么調整大小，通過實踐和嘗試，找到了解決方法，現分享給大家。
修改前css部分代碼：
.receiving-info .receiving-info-list input { display: inline-block; width: 70%; font-size: 14px; color: #333; border: none; outline: none; line-height: 50px; }修改后css部分代碼：
.receiving-info .receiving-info-list input { display: inline-block; width: 70%; font-size: 14px; color: #333; border: none; outline: none; line-height: 20px; }Android和iOS手機修改前后的效果：
其實，只是調整了line-height的大小，就解決了iOS和Android手機input光標大小不一致的問題。
總結
以上所述是小編給大家介紹的解決ios手機中input輸入框光標過長的問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
