使用 user-select 禁止长按选中网页中的文字、图片等元素

chat

开发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
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
海报
使用 user-select 禁止长按选中网页中的文字、图片等元素
css样式 移动端禁止长按屏幕选中
<<上一篇
下一篇>>
chat