美文网首页
safari中的input、textarea无法输入的问题

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

作者: 猿分让我们相遇 | 来源:发表于2019-05-27 16:24 被阅读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;  
    }
    

    相关文章

      网友评论

          本文标题:safari中的input、textarea无法输入的问题

          本文链接:https://www.haomeiwen.com/subject/zgwhtctx.html