以前想禁止文章内容复制都是用js来实现的,后来发现css3中的user-select:none;
也可以实现这个功能,下面web建站小编给大家介绍一下代码的运用。
user-select
属性是css3规范中新增的一个功能,有兼容性问题,因此对于不同浏览器要加前缀。
禁止复制文本的写法:
复制代码-moz-user-select:none; /* Firefox私有属性 */
-webkit-user-select:none; /* WebKit内核私有属性 */
-ms-user-select:none; /* IE私有属性(IE10及以后) */
-khtml-user-select:none; /* KHTML内核私有属性 */
-o-user-select:none; /* Opera私有属性 */
user-select:none; /* CSS3属性 */
- 1
- 2
- 3
- 4
- 5
- 6
html5代码
复制代码<div onselectstart="return false;" unselectable="on">现在来复制我试试!!!</div>
- 1
上面是“利用css3实现禁止文章内容复制”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2322.html
workflows工作流
一座巨大的野兽派建筑漂浮在热带风景中的贫民
一只漂亮的孔雀的尾巴完全由披萨制成ComfyUI工作流
文生图工作流:图片合并comfyui工作流
海中一头鲸鱼ComfyUI工作流
一个可爱的口袋妖怪ComfyUI工作流
乡村枯树黄花comfyui工作流
荷塘月色ComfyUI工作流
奇幻绘画风格:一只巨大蜗牛ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!