阿水的世界。

2023年1月

01月 10

网页禁止选择文字的CSS代码

为了防止网页的文字被人选择、复制,可使用如下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),则是默认的值