如何使CSS无法选择某些文本

jma*_*erx 239 css

我页面的标题有一些居中的文字,但我不希望用户能够选择它.有没有办法用CSS做到这一点?

tw1*_*w16 451

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

-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
Run Code Online (Sandbox Code Playgroud)

要向下定位IE9,unselectable必须使用html属性:

<p unselectable="on">Test Text</p>
Run Code Online (Sandbox Code Playgroud)

  • 截至2016年,简单的"用户选择"就足够了. (12认同)
  • 并且`unselectable`属性是否适用于所有浏览器? (4认同)
  • 不错的答案!谢谢。为了更好的衡量,我喜欢添加:`cursor: default;` (3认同)
  • @Fabián不,我测试过,它不适用于Chrome (2认同)
  • @KonstantinSchubert不在Firefox 49.0.2(2016年10月发布)上,后者仍然需要`-moz-user-select`。 (2认同)

Err*_*Efe 20

使用简单的背景图像为textarea足够.

要么

<div onselectstart="return false">your text</div>
Run Code Online (Sandbox Code Playgroud)