• 技术文章 >web前端 >css教程

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

    VV2020-11-30 16:38:26原创72

    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中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css 文字 只读
    上一篇:css中display:hidden和display:none有什么区别 下一篇:css属性可分为哪几大类
    第14期线上培训班

    相关文章推荐

    • HTML中让表单input等文本框为只读不可编辑的方法• u盘怎么解除只读模式• linux文件只读怎么修改• 如何将只读文档变成可编辑模式?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网