最近两天做移动端活动页面时，遇到一个问题：IOS系统中，微信移动端的input都不能输入了，本地环境和安卓手机都是没问题的。
这就尴尬了，然后网上搜了一下，有人说可能是user-select导致的，我检查了一下自己的less,果然有相关的重置代码。
那么为什么要加下面这句呢？
input, textarea { -webkit-user-select: none; }
其实是用来禁止用户进行复制选择的。
这是webkit内核浏览器下的一个bug，具体可以参考这篇文章：(https://bugs.webkit.org/show_bug.cgi?id=82692)
阻止了用户的选择内容行为，会导致一些“内容可编辑”标签无法正常使用，比如input、textarea。
如何解决？
如果有禁止用户选择内容复制的需求，那么你可以用css not排除掉input和textarea标签，如果没有该需求，用下面代码覆盖就可以啦：
[contenteditable="true"], input, textarea {
-webkit-user-select: auto!important;
-khtml-user-select: auto!important;
-moz-user-select: auto!important;
-ms-user-select: auto!important;
-o-user-select: auto!important;
user-select: auto!important;
}
