首页 >web前端 >css教程 > 正文

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

原创2020-11-30 16:38:2601188

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

本教程操作环境: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中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css 文字 只读
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • Css3入门视频教程Css3入门视频教程
  • Css3特效效果视频教程Css3特效效果视频教程
  • 野秀堂HTML5+CSS3视频教程野秀堂HTML5+CSS3视频教程
  • CSS视频教程-玉女心经版CSS视频教程-玉女心经版
  • 视频教程分类