我不能被选中复制css代码.select{-webkit-user-"/>

css怎么设置字体不可选中?

再我们开发HTML网页时会遇到不想让别人复制我们网页中的内容,我们可以通过设置无法选中网页中的文字来实现无法复制。

下面我们来看一下通过css设置文字无法复制的方法:

css可以使用user-select属性设置文字不可选中:

示例:

HTML代码

<div class="select">我不能被选中复制</div>

css代码

.select{
    -webkit-user-select:none;
     -moz-user-select:none;
     -ms-user-select:none;
     user-select:none;
}

user-select属性介绍:

语法:

user-select:none |text| all | element

默认值:text

适用于:除替换元素外的所有元素

继承性:无

动画性:否

计算值:指定值

取值:

  • none:文本不能被选择

  • text:可以选择文本

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

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

以上就是css怎么设置字体不可选中?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读