ios端兼容input光標高度處理
在最近的項目中遇到一個問題,input輸入框光標,在安卓手機上顯示沒有問題,但是在蘋果手機上
當點擊輸入的時候,光標的高度和父盒子的高度一樣。造成的原因就是給父盒子添加了height和line-height
當點擊輸入的時候,光標的高度就自動和父盒子的高度一樣了。(谷歌瀏覽器的設計原則,還有一種可能就
是當沒有內容的時候光標的高度等於input的line-height的值,當有內容時,光標從input的頂端到文字
的底部)。
解決辦法:去掉父盒子的高度height和行高line-height。內容用padding撐開。
同一個石頭絆倒第二次 ···👇 (2020.5.21)