如何使某些文本无法通过CSS选择\[复制\]

的CSS CSS

村村番长

2020-03-24

我页面的页眉有一些居中的文本,但是我不希望用户选择它。有没有办法用CSS做到这一点?

第3511篇《如何使某些文本无法通过CSS选择\[复制\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
西里小卤蛋 2020.03.24

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

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

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

<p unselectable="on">Test Text</p>
小卤蛋 2020.03.24

为文本区域使用足够的简单背景图像。

要么

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android