如何禁止文本选择

学习如何使用 CSS 在 HTML 中禁用文本选择。

这段文本可以被选中。

这段文本不可以被选中。

禁用文本选择

您可以使用 user-select 属性来禁用元素的文本选择。

在网络浏览器中，如果双击文本，它将被选择/高亮。该属性可用于防止这种情况。

.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

亲自试一试

相关页面

参考手册：CSS user-select 属性