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