解決ios手機(jī)中input輸入框光標(biāo)過長的問題
更新時(shí)間：2018年08月06日 10:31:41 作者：yanyw
在項(xiàng)目中做移動(dòng)端頁面，發(fā)現(xiàn)IOS 的光標(biāo)大小很大，和安卓的完全不一樣，怎么來調(diào)整大小呢？下面小編給大家?guī)砹薸os手機(jī)中input輸入框光標(biāo)過長問題的解決方法，一起看看吧
在項(xiàng)目中做移動(dòng)端頁面，發(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)過長的問題，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
淺談強(qiáng)大易用支持URL Rewrite的iOS路由庫FFRouter
FRouter 是 iOS 中一個(gè)強(qiáng)大且易用的 URL 路由庫，支持 URL Rewrite，基于匹配查找 URL，效率高。非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-10-10
iOS應(yīng)用開發(fā)中SQLite的初步配置指南
這篇文章主要介紹了iOS應(yīng)用開發(fā)中SQLite的初步配置指南,SQLite是一個(gè)極輕量級(jí)可作嵌入式的數(shù)據(jù)庫,非常適合入門開發(fā)者使用,需要的朋友可以參考下2015-12-12
本文介紹了Mac下如何找到AppStore下載的安裝包路徑，以及如何提取出來供以后使用的相關(guān)步驟，希望對(duì)大家有所幫助。2016-09-09
這篇文章主要介紹了iOS 增加右側(cè)按鈕功能實(shí)例代碼,需要的朋友可以參考下2017-07-07
iOS獲取當(dāng)前設(shè)備型號(hào)等信息(全)包含iPhone7和iPhone7P
這篇文章主要介紹了iOS獲取當(dāng)前設(shè)備型號(hào)設(shè)備信息的總結(jié)包含iPhone7和iPhone7P,包括ios7之前之后的獲取方式，本文接的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10
這篇文章主要為大家詳細(xì)介紹了iOS創(chuàng)建與使用靜態(tài)庫的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要給大家介紹了關(guān)于iOS橫屏彈鍵盤的高度錯(cuò)誤異常解決的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
在ios的程序開發(fā)中，經(jīng)常搞暈ios的開發(fā)模式，今天小編就給大家簡單的總結(jié)一下，需要的的朋友參考下2017-03-03
iOS中UIActivityIndicatorView的用法及齒輪等待動(dòng)畫實(shí)例
UIActivityIndicatorView活動(dòng)指示器最常見的用法便是用來制作那個(gè)程序中的齒輪轉(zhuǎn)動(dòng)的等待效果,接下來我們回來簡單整理iOS中UIActivityIndicatorView的用法及齒輪等待動(dòng)畫實(shí)例:2016-05-05
詳解iOS中多倒計(jì)時(shí)場(chǎng)景的解決方案
在我們開發(fā)APP的過程中，或多或少都遇到過需要使用倒計(jì)時(shí)的場(chǎng)景，這篇文章主要介紹了詳解iOS中多倒計(jì)時(shí)場(chǎng)景的解決方案，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11