如何使某些文本无法使用 CSS [重复]答案

【问题标题】：How to make certain text not selectable with CSS [duplicate]如何使某些文本无法使用 CSS [重复]
【发布时间】：2011-10-17 12:37:20
【问题描述】：

我的页面标题有一些居中的文本，但我不希望用户能够选择它。有没有办法用 CSS 做到这一点？

【问题讨论】：

标签： css

【解决方案1】：

为 textarea 使用简单的背景图像就足够了。

或者

<div onselectstart="return false">your text</div>

【讨论】：

效果非常好，谢谢！ :)

【解决方案2】：

下面的 CSS 阻止用户选择文本。

-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */

要将 IE9 向下定位，必须使用 html 属性 unselectable：

<p unselectable="on">Test Text</p>

【讨论】：

unselectable 属性是否适用于所有浏览器？
@Fabián 没有我测试过，它不适用于 chrome
不错的答案！谢谢。为了更好地衡量，我想添加：cursor: default;
截至 2016 年，现在简单的 user-select 就足够了。
@KonstantinSchubert 不在 Firefox 49.0.2（2016 年 10 月发布）上，它仍然需要 -moz-user-select。