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

Daming 2020-08-13
0条评论 31 次浏览
Daming 2020-08-130条评论 31 次浏览

开发h5时,希望网页能够尽量呈现像原生一样的效果,用户长按页面中的一些图片或文字元素 会出现选择区块,对于一些不希望用户选中 的内容,或者考虑美观问题,可以通过css来控制 禁止用户进行选择。

移动端 css 禁止长按屏幕选中

* {
  user-select:none;
}

这样写在一些ios(iphone 11 )机器上 会出现输入框无法输入文字的情况,因此对input 的样式做如下修改:

input{
  user-select:text!important;
}
3+

发表评论

电子邮件地址不会被公开。