CSS如何实现网页内容禁止选中复制的方法

2023-01-01 09:35:49 互联网

为了把明天的工作做好，我们必须把今天的工作先做好了，不要给明天的工作找麻烦。在工作面前，态度决定一切。没有不重要的工作，只有不重视工作的人。不同的态度，成就不同的人生，有什么样的态度就会产生什么样的行为，从而决定不同的结果。

现在很多网站的站长，都不喜欢别人任意复制自己网站上的内容。为了防止别人复制自己网站的内容，使用了各种各样的方法。下面就介绍一种。

CSS user-select 属性

user-select：规定指定元素中的内容是否被用户选中。

语法：

p{ user-select:none}

可选值：

auto：默认。如果浏览器允许，则可以选择文本。

none：防止文本选取。

text：文本可被用户选取。

all：单击选取文本，而不是双击。

css中的 user-select 属性，可以禁止用户选中网页中的内容！

示例代码：

<p>我是一段可以被鼠标选中的文字！</p>
<p style="user-select: none;">这一段文字是无法被鼠标选中的！</p>
<p></p>

效果图片：

CSS实现网页内容禁止选中复制的方法

以上就是CSS如何实现网页内容禁止选中复制的方法。成长，本身就是一个很痛的词。你想要的或好或坏，时间都会给你。更多关于CSS如何实现网页内容禁止选中复制的方法请关注haodaima.com其它相关文章！