html怎么使文字不可选择复制粘贴,css如何实现文字不可复制？

我们在浏览网页的时候会遇到网页文字不可复制的情况，在多数浏览器中，我们只需要CSS就能实现网页中的文字不可复制。下面我们来看一下css实现文字不可复制的方法。

css可以使用user-select来实现网页文字不可复制。

css使用user-select实现文字不可复制示例：

.test{

padding:10px;

-webkit-user-select:none;

-moz-user-select:none;

-o-user-select:none;

user-select:none;

background:#eee;}

选择我试试，你会发现怎么也选择不到我，哈哈哈哈

user-select介绍：

语法：user-select：none |text| all | element

默认值：text

适用于：除替换元素外的所有元素

继承性：无

动画性：否

计算值：指定值

取值：none：文本不能被选择

text：可以选择文本

all：当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。

element：可以选择文本，但选择范围受元素边界的约束