30秒学会 CSS 片段 · 2020年6月10日

30秒学会 CSS 片段 – 禁止选择文本

使文本无法被选择。

  • user-select: none 指定文本不能被选择.
  • 如果你不想让用户复制网站的内容,这不是一个完美的方法。用户仍然可以通过禁用 CSS 或者开发人员工具来轻松达到目的。

预览

你可以选择我。

你无法选择我!


HTML

<p>You can select me.</p>
<p class="unselectable">You can't select me!</p>

CSS

.unselectable {
  user-select: none;
}

翻译自:https://www.30secondsofcode.org/css/s/disable-selection