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

2019-05-27  本文已影响0人  猿分让我们相遇

原因是这两种表单元素上应用了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;  
}
上一篇 下一篇

猜你喜欢

热点阅读