设置div内的内容不能被选中

最新推荐文章于 2023-11-30 17:05:32 发布

转载最新推荐文章于 2023-11-30 17:05:32 发布 · 2.8k 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/loveMis/p/9546352.html

文章标签：

#javascript #前端 #ViewUI

本文介绍了一种使用CSS阻止网页上的文字被用户选中复制的方法。通过设置div元素的user-select属性为none，可以实现文字无法被鼠标选中的效果。

通过简单的css设置页面的文字无法被选定。

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


.select{

    -webkit-user-select:none;

     -moz-user-select:none;

     -ms-user-select:none;

     user-select:none;

}

通过上面的css就能设置，div里面的文字不能被选中复制。