快捷導(dǎo)航

解決ios手機(jī)中input輸入框光標(biāo)過長(zhǎng)的問題

更新時(shí)間：2018年08月06日 10:31:41 作者：yanyw

在項(xiàng)目中做移動(dòng)端頁(yè)面，發(fā)現(xiàn)IOS 的光標(biāo)大小很大，和安卓的完全不一樣，怎么來調(diào)整大小呢？下面小編給大家?guī)砹薸os手機(jī)中input輸入框光標(biāo)過長(zhǎng)問題的解決方法，一起看看吧

在項(xiàng)目中做移動(dòng)端頁(yè)面，發(fā)現(xiàn)IOS 的光標(biāo)大小很大，和安卓的完全不一樣，思考怎么調(diào)整大小，通過實(shí)踐和嘗試，找到了解決方法，現(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手機(jī)修改前后的效果：

其實(shí)，只是調(diào)整了line-height的大小，就解決了iOS和Android手機(jī)input光標(biāo)大小不一致的問題。

總結(jié)

以上所述是小編給大家介紹的解決ios手機(jī)中input輸入框光標(biāo)過長(zhǎng)的問題，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

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