關於input在ios上調起軟鍵盤,字體不顯示問題 的總結

最近剛接手一個新項目,在做手機適配測試時候發現input 調起ios系統軟鍵盤後,軟鍵盤上面打不出來字體!很是納悶!

一開始就把IOS不兼容input及軟鍵盤的可能性排除,然後一頓排查!終於發現問題所在了!

原來是common.css裏面加了這句話:

* {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

加這句話沒毛病!這句話是告訴瀏覽器頁面不可以被用戶長按選擇複製!

但是  導致input 及 textarea也失去被選擇功能了!!!

這樣解決就好了!!!

input,textarea{ 
    -webkit-touch-callout: text; 
    -webkit-user-select: text; 
}
將 input,textarea 這兩個貨排除就萬事大吉了!


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章