为了防止网页的文字被人选择、复制,可使用如下CSS代码样式,根据情况,对页面的内容进行选择控制。
具体代码有如下4个,都是关于user-select属性的。
-webkit-user-select:text;
-moz-user-select:text;
-ms-user-select:text;
user-select:text
当user-select的值列表及解释:
- all 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素
- auto 文本将根据浏览器的默认属性进行选择
- contain 选择该元素范围内的文本,只支持(Explorer未测试)
- none 元素和子元素的文本将无法被选中
- text 文本可以被选中 inherit 继承父元素的此属性
- initial 设置为初始的样式属性
- revert 样式表中定义的元素属性的默认值。若用户定义样式表中显式设置,则按用户定义的设置否则,按照浏览器默认的的样式设置在否则,等价于unset
- unset 如果该属性可以被继承,则是继承的值,不可以被继承(initial),则是默认的值
还不快抢沙发