解決ios手機中input輸入框光標過長的問題
在項目中做移動端頁面,發(fā)現(xiàn)IOS 的光標大小很大,和安卓的完全不一樣,思考怎么調(diào)整大小,通過實踐和嘗試,找到了解決方法,現(xiàn)分享給大家。
修改前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手機修改前后的效果:


其實,只是調(diào)整了line-height的大小,就解決了iOS和Android手機input光標大小不一致的問題。
總結(jié)
以上所述是小編給大家介紹的解決ios手機中input輸入框光標過長的問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關文章
iOS利用UIScrollView實現(xiàn)無限滾動效果
這篇文章主要給大家介紹了iOS如何利用UIScrollView實現(xiàn)無限滾動的效果,首先需要說明的是,文本所講的是一種"笨辦法",但是好理解且容易實現(xiàn),在圖片不多的時候用它也無妨。感興趣的朋友們下面跟著小編一起來學習學習吧。2016-12-12
iOS實現(xiàn)第三方微信登錄方式實例解析(最新最全)
這篇文章主要介紹了iOS實現(xiàn)第三方微信登錄方式實例解析(最新最全),非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-12-12
Flutter之TabBarView組件項目實戰(zhàn)示例
這篇文章主要為大家介紹了Flutter之TabBarView組件項目實戰(zhàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-10-10
IOS UI學習教程之使用UIImageView控件制作動畫
這篇文章主要為大家詳細介紹了IOS UI學習教程之使用UIImageView控件制作動畫,感興趣的小伙伴們可以參考一下2016-03-03

