美文网首页
IOS手机输入框拉起键盘,但是不能输入问题

IOS手机输入框拉起键盘,但是不能输入问题

作者: AAA前端 | 来源:发表于2023-03-26 16:00 被阅读0次

    造成的原因是: 祖先元素或者当前元素有以下样式 (用来禁止用户进行复制选择的。)

    -webkit-user-select: none;
    

    解决方案

    1. 去掉样式
    2. input加样式
    -webkit-touch-callout: default !important;
       -webkit-user-select: auto !important;
       user-select: auto!important;
    
    1. 全局加样式
    [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;
    }
    

    相关文章

      网友评论

          本文标题:IOS手机输入框拉起键盘,但是不能输入问题

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