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

最新推荐文章于 2024-06-27 10:20:38 发布

木易公子

最新推荐文章于 2024-06-27 10:20:38 发布

阅读量2.1k

点赞数 2

本文链接：https://blog.csdn.net/weixin_45113258/article/details/90606036

版权

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