解決ios手機中input輸入框光標過長的問題
更新時間：2018年08月06日 10:31:41 作者：yanyw
在項目中做移動端頁面，發(fā)現(xiàn)IOS 的光標大小很大，和安卓的完全不一樣，怎么來調(diào)整大小呢？下面小編給大家?guī)砹薸os手機中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)站的支持！
相關(guān)文章
iOS利用UIScrollView實現(xiàn)無限滾動效果
這篇文章主要給大家介紹了iOS如何利用UIScrollView實現(xiàn)無限滾動的效果，首先需要說明的是，文本所講的是一種"笨辦法"，但是好理解且容易實現(xiàn)，在圖片不多的時候用它也無妨。感興趣的朋友們下面跟著小編一起來學習學習吧。2016-12-12
這篇文章主要介紹了iOS 如何高效使用的多線程，幫助大家提高ios 開發(fā)的效率，感興趣的朋友可以了解下2020-09-09
指紋識別是在iOS8.0以后才推出的，所以我們?nèi)绻氚阎讣y集成到我們的APP當中，我們首先就要在代碼中判斷iOS版本。接下來通過本文給大家分享iOS開發(fā)中指紋識別簡單介紹，需要的朋友參考下吧2017-11-11
iOS實現(xiàn)第三方微信登錄方式實例解析(最新最全)
這篇文章主要介紹了iOS實現(xiàn)第三方微信登錄方式實例解析(最新最全),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12
這篇文章主要給大家介紹了關(guān)于iOS Runtime的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-02-02
Flutter之TabBarView組件項目實戰(zhàn)示例
這篇文章主要為大家介紹了Flutter之TabBarView組件項目實戰(zhàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
還記得剛學iOS的時候嗎？那個時候驚訝于各種牛逼的功能只需要幾句簡單的代碼就可以完成。視頻播放也是這樣，IOS中視頻播放有好幾種方式，這篇文章就給大家整理這幾種方案優(yōu)缺點與實現(xiàn)過程。2016-08-08
IOS UI學習教程之使用UIImageView控件制作動畫
這篇文章主要為大家詳細介紹了IOS UI學習教程之使用UIImageView控件制作動畫，感興趣的小伙伴們可以參考一下2016-03-03
Grand Central Dispatch (GCD)是Apple開發(fā)的一個多核編程的解決方法，本文給大家詳細介紹IOS中GCD的使用，需要的朋友參考下2016-03-03
iOS8之后蘋果發(fā)布了指紋識別的功能，通過touch ID來識別用戶，做用戶授權(quán)，主要是依賴于LocalAuthentication庫，下面通過本文給大家介紹iOS中應用內(nèi)添加指紋識別的實例代碼，一起看看吧2016-12-12