开发笔记

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

东明兄东明兄
·

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

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

* {
  user-select:none;
}

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

input,textarea {
  user-select:text!important; // or user-select: auto
}
标签:# html/css
文章同步自博客,原文链接:https://blog.crazyming.com/note/2359/