關於手機微信端ios的input不能選中問題解決方案
- 最近在作一個微信端的商城,之前作web端的比較多,手機端作的相對來講要少點,老闆說讓我用俗稱」靠譜的移動前端框架」—-AUI來搭建項目。
- 當時以爲用不用框架無所謂啦。結果後來寫到一半把項目發佈到手機上測試的時候才發現出問題了—-在IOS上input輸入框根本沒法輸入啊!咱們項目不用考慮太多兼容的問題,因此我測試用的都是谷歌瀏覽器(我的比較喜歡),在PC端、android機上面一切都很正常!個人心裏是崩潰的,一個商城連搜索都輸入不了那還有多大用!
- 後來檢查元素時發現了這麼個東西:-webkit-user-select:none;至於這個屬性究竟是什麼意思我就很少說了,css的東西很簡單。你要讓他能輸入,
- 把-webkit-user-select:none改爲-webkit-user-select:auto;覆蓋掉或者直接註釋掉就行!
歡迎關注本站公眾號,獲取更多信息