CSS设置文字不能被鼠标选中

问题描述

不让用户可以用鼠标选中文字信息

问题出现的环境背景

  1. 有些地方需要进行双击操作,容易变成文字选中,使得点击无法触发。
  2. 对于有些文案不愿意对外让用户方便复制(小说网站)
阅读 4.7k
2 个回答

body {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
就可以不选中文字了

在需要双击的区块设置CSS属性

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题