用CSS实现设置网页文字为只读，不可复制的方法

设置网页文字不可复制的方法，除了我们知道的用JS实现外，还可以用css实现。

JS实现网页复制监听请做电梯

在css中，可以给body元素设置“user-select:none;”样式来设置文字不可复制，只可读功能。【相关推荐：css在线手册】

css设置不允许复制文本内容，方法很简单，通过设置CSS 的 user-select就可以达到目的：

-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属性 */

user-select属性设置或检索是否允许用户选中文本。

user-select的默认值是 text：可以选择文本

none：文本不被选择

不要让别人告诉你，你不能做什么。那些做不到的人总要告诉你，你也不行。只要有梦想，就要去追求。――《当幸福来敲门》

用CSS实现设置网页文字为只读，不可复制的方法相关推荐

设置网页文字禁止复制
设置网页文字禁止复制 *{-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: ...
html语言设置网页背景,HTML+CSS入门设置网页中的背景图片的5个属性
本篇教程介绍了HTML+CSS入门设置网页中的背景图片的5个属性,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 在css代码中设置背景图片的方法,包括背景图片.背景重复 ...
怎样设置网页纵向滚动 css,CSS 怎么设置网页下拉条 (滚动条) 样式?
CSS 怎么设置网页下拉条 (滚动条) 样式? 很多朋友在网页设计中要自定义下拉条 (滚动条) 样式的情景, 下拉条的样式我们可以通过 CSS 来控制的, 下拉条能不能换颜色或者做的更好看一些呢? 那 ...
网页文字无法复制的解决方法
相信很多朋友在浏览网页的时候,你可能遇到过这样的网页,无论你按住鼠标左键如何不停的拖动,都无法选中需要的文字.那是因为网站为了保密,对网页文件进行了加密,使用户无法通过选取的方法复制网页中的文字,采用 ...
css编程设置网页背景,网页中cssbackground背景图和背景颜色的设置方法
CSS 背景这里指通过CSS对对象设置背景属性,如网页中通过CSS设置背景各种样式. Css background背景作用:设置纯色背景.背景background可以设置对象纯色的背景颜色,设置图为背 ...
网页文字复制的几种方法
/ 1.开启网页阅读模式这种方法适用于Microsoft Edge浏览器中,它有网页阅读功能可以使用,在网址的最前面加上"read:"就会进入网页阅读界面,然后选中文字就可以直接 ...
搭建hexo博客修改设置网页图标icon失败的解决方法
问题描述基于hexo新搭建好的个人博客想更换网页图标的icon 期望达到的效果更换前: 更换后: 背景我用的chrome浏览器,使用的是yilia主题,参考前端 | hexo+yilia博客主 ...
div css纵向显示 html,css如何设置竖排文字？
有时候网页中的文字因为特别要求不能横向显示,这时候所需要的就是让文字来竖排显示,那么,网页中如何让文字竖排显示呢?接下来本篇文章将介绍css实现文字竖排显示的方法,希望对大家有所帮助. 方法一:使用w ...
css样式设置文本框为只读,css怎么将文本框设置为只读
css将文本框设置为只读的方法是,在input文本框中添加readonly属性即可.readonly属性是一个布尔属性,该属性用来规定输入字段是只读的. 本文操作环境:windows10系统.css ...

用CSS实现设置网页文字为只读，不可复制的方法

用CSS实现设置网页文字为只读，不可复制的方法相关推荐

最新文章

热门文章