CSS 如何禁止页面被选中 ?

2 min read

可以使用 CSS 的 user-select 属性来禁止页面被选中，它有以下几个可选的值：

  • none：禁止所有元素被选中
  • auto：允许所有元素被选中
  • text：只允许选中文本

以下是禁止整个页面被选中的 CSS 代码：

body {
  -webkit-user-select: none; /* safari/chrome */
  -moz-user-select: none; /* firefox */
  -ms-user-select: none; /* ie */
  user-select: none;
}

这段代码将禁止页面的所有元素被选中，但不会影响其他用户操作，例如：拖拽、粘贴等。