阅读 160

网页内容禁止选中复制怎么操作?(CSS实现网页内容禁止选中复制的方法)

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

CSS user-select 属性

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

语法:

p{ user-select:none}

复制

可选值:

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

none:防止文本选取。

text:文本可被用户选取。

all:单击选取文本,而不是双击。

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

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

示例代码:

<p>我是一段可以被鼠标选中的文字!</p><p style="user-select: none;">这一段文字是无法被鼠标选中的!</p><p>飞鸟慕鱼博客</p>

复制

效果图片:

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


文章分类
前端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐