首页 > web前端 > css教程 > css怎么设置文字只读且不可复制

css怎么设置文字只读且不可复制

王林
发布: 2020-11-30 16:38:26
原创
4092 人浏览过

css设置文字只读且不可复制的方法:可以利用user-select属性来进行设置,如【user-select:none;】。user-select属性用于设置或检索是否允许用户选中文本,none表示文本不能被选择。

css怎么设置文字只读且不可复制

本教程操作环境:windows7系统、css3版,该方法适用于所有品牌电脑。

css设置文字不可复制只读

相关属性:

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

(学习视频分享:css视频教程

语法:

user-select:none |text| all | element
登录后复制

属性值:

none:文本不能被选择

text:可以选择文本

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

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

举例:

-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属性 */
登录后复制

相关推荐:CSS教程

以上是css怎么设置文字只读且不可复制的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板