CSS SNIPPET

  返回

禁止选中文本  交互体验

将内容设置为不可用鼠标选中。

HTML
<p>You can select me.</p>
<p class="unselectable">You can't select me!</p>
CSS
.unselectable {
  user-select: none;
}
效果演示

You can select me.

You can't select me!

代码说明
  • user-select: none 声明元素文本不可以被鼠标选中。
浏览器支持

97.5%

⚠️ 完全支持需要浏览器前缀
⚠️ 这不是禁止用户拷贝内容的安全方法。