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

原创于 2019-07-10 17:49:19 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css

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;
}