safari中的input、textarea无法输入的问题

原因是这两种表单元素上应用了user-select:none的css属性。一般没人刻意这么做，可能是这样的情况：

*{
  /*font-family:"PingFang SC";*/
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif;
  -moz-user-select: none;
  /*会导致在safari中input不能输入*/
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
在css中排除掉这两种元素就好了：
* {
    user-select: none;
}

input, textarea {
    user-select: text;  
}

 

 解决方法：

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
outline: none;
}

*:not(input,textarea) {
-webkit-touch-callout: none;
-webkit-user-select: none;
}