IOS中input光標跑偏問題的解決方法


ios端兼容input光標高度處理

在最近的項目中遇到一個問題,input輸入框光標,在安卓手機上顯示沒有問題,但是在蘋果手機上
當點擊輸入的時候,光標的高度和父盒子的高度一樣。造成的原因就是給父盒子添加了height和line-height
當點擊輸入的時候,光標的高度就自動和父盒子的高度一樣了。(谷歌瀏覽器的設計原則,還有一種可能就
是當沒有內容的時候光標的高度等於input的line-height的值,當有內容時,光標從input的頂端到文字
的底部)。


解決辦法:去掉父盒子的高度height和行高line-height。內容用padding撐開。

 

 

同一個石頭絆倒第二次 ···👇 (2020.5.21)

 

 




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM