在HTML网页中我们经常需要设置文本不能选择来防止别人复制你的文本,那么我们该如何使用css控制不能选择文本呢?下面我们来看一下css控制不能选择文本的方法。
通过css实现页面文字不能被选中代码:.cannotselect {
-webkit-touch-callout: none;
-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:可以选择文本,但选择范围受元素边界的约束
说明:
设置或检索是否允许用户选中文本。
IE6-9不支持该属性,但支持使用标签属性 onselectstart="return false;" 来达到 user-select:none 的效果;Safari和Chrome也支持该标签属性。