禁止用户选中文本

TIP

有些网站禁止用户选中文本，比如一些游戏网站，防止用户复制文本，防止作弊。这里就说一下禁止用户选中选中文本，而不是禁止用户复制

最简单的方法：user-select

这个属性可以控制用户是否可以选中文本内容，常用值就两个，有一定的兼容性问题

css

/* 1. 禁止选中文本 */
.no-select {
  user-select: none;
  -webkit-user-select: none; /* Safari 专属 */
}

/* 2. 允许选中文本（默认值） */
.allow-select {
  user-select: auto;
}

/* 1. 禁止选中文本 */
.no-select {
  user-select: none;
  -webkit-user-select: none; /* Safari 专属 */
}

/* 2. 允许选中文本（默认值） */
.allow-select {
  user-select: auto;
}

注意

这个属性主要是改善用户体验，不能用于安全目的！如果需要真正防止内容被复制，还需要配合其他技术手段（比如 JavaScript）

禁止用户选中文本 ​

最简单的方法：user-select ​

禁止用户选中文本

最简单的方法：user-select