user-select: none;
使用该属性可以将元素内的所有文本内容禁止选择和复制,这样可以保护一些具有版权的文字、图片等内容,避免被不法份子滥用。
下面是一段示例代码:
<div class="no-select"> <p>这是一段不能复制的文本内容。</p> <img src="example.jpg"> </div> .no-select { user-select: none; }
注意,该属性对应的值是none,需要加入厂商前缀,如-webkit-user-select等,以保证兼容性。
总之,CSS的文本不可选择属性对于保护作者的版权、保护内容的安全都有很大的帮助作用,需要在实际开发中加以应用。