gogogo
管理员
管理员
  • UID25
  • 粉丝0
  • 关注0
  • 发帖数1377
阅读:5019回复:0

关于微信手机端IOS系统中input输入框无法输入的问题,input 苹果手机 无法填写

楼主#
更多 发布于:2018-11-08 10:06
input  苹果手机 无法填写


最近在做一个微信端的商城,以前做web端的比较多,手机端做的相对来说要少点,老板说让我用俗称”靠谱的移动前端框架”—-AUI来搭建项目。
当时觉得用不用框架无所谓啦。结果后来写到一半把项目发布到手机上测试的时候才发现出问题了—-在IOS上input输入框根本无法输入啊!我们项目不用考虑太多兼容的问题,所以我测试用的都是谷歌浏览器(个人比较喜欢),在PC端、android机上面一切都很正常!我的内心是崩溃的,一个商城连搜索都输入不了那还有多大用!
后来检查元素时发现了这么个东西:-webkit-user-select:none;至于这个属性到底是什么意思我就不多说了,css的东西很简单。
你要让他能输入,

-webkit-user-select:none
改成
-webkit-user-select:auto;
覆盖掉或者直接注释掉就行!


我把这个改掉,还是不行。最终解决方案是在input的父类加上-webkit-user-select:text !important;!!!
游客


返回顶部