1. 程式人生 > >ios端相容input游標高度處理

ios端相容input游標高度處理

在最近的專案中遇到一個問題,input輸入框游標,在安卓手機上顯示沒有問題,但是在蘋果手機上

當點選輸入的時候,游標的高度和父盒子的高度一樣。造成的原因就是給父盒子添加了height和line-height

當點選輸入的時候,游標的高度就自動和父盒子的高度一樣了。(谷歌瀏覽器的設計原則,還有一種可能就

是當沒有內容的時候游標的高度等於input的line-height的值,當有內容時,游標從input的頂端到文字

的底部)。

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