移动端input、textarea无法获取焦点

665 阅读1分钟
-webkit-touch-callout: none;//阻止长按图片之后呼出菜单提示复制的行为
-webkit-text-size-adjust: none;//禁用Webkit内核浏览器的文字大小调整功能。
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);//避免点击a标签或者注册了click事件的元素时产生高亮
-webkit-user-select: none;//禁止用户进行复制.选择

由于阻止了用户的选择内容行为,会导致一些“内容可编辑”标签无法正常使用,比如input、testarea。
解决方法:

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;
}