img和文本元素不可选的css设置

Cynthia_Wiki

于 2019-07-10 17:49:19 发布

阅读量2.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： css 文章标签： css

本文链接：https://blog.youkuaiyun.com/Cynthia_Wiki/article/details/95357760

css 专栏收录该内容

2 篇文章

订阅专栏

博客指出移动端开发中存在两个问题，一是img标签为最顶层时，长按会弹出保存图片提示或出现黑框；二是长按会选中某段文本。并给出解决办法，即在body元素和img元素上加特定CSS样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

出现的场景

1.移动端开发时，img标签是最顶层，长按就会弹出img图片提示保存图片或者出现黑框

2.长按选中某一段文本

解决方法：

在body元素、img元素上加如下css样式：

body{
 -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;//禁止用户选中
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}