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

最新推荐文章于 2025-01-17 18:27:52 发布

siriva

最新推荐文章于 2025-01-17 18:27:52 发布

阅读量2.1w

点赞数 4

CC 4.0 BY-SA版权

文章标签：微信 input框无发输入手机端

本文链接：https://blog.youkuaiyun.com/rosemarryTop/article/details/53265568

本文介绍了一个使用AUI框架在iOS设备上遇到的input输入框无法输入的问题，并提供了解决方案，即通过调整CSS属性-webkit-user-select为auto。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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