使用 user-select 禁止长按选中网页中的文字、图片等元素
开发h5时,希望网页能够尽量呈现像原生一样的效果,用户长按页面中的一些图片或文字元素 会出现选择区块,对于一些不希望用户选中 的内容,或者考虑美观问题,可以通过css来控制 禁止用户进行选择。
移动端 css 禁止长按屏幕选中
* {
user-select:none;
}
这样写在一些ios(iphone 11 )机器上 会出现输入框无法输入文字的情况,因此对 input textarea 的样式做如下修改:
input,textarea {
user-select:text!important; // or user-select: auto
}
版权声明:
作者:东明兄
链接:https://blog.crazyming.com/note/2359/
来源:CrazyMing
文章版权归作者所有,未经允许请勿转载。
共有 0 条评论