css设置页面内容不能被选中

浏览网页的时候,会遇到某些想要复制的文字不能选中

我们如果想要实现这个效果,只需要对包含这部分文字的标签设置一个css属性

user-select:none

但是低版本的IE浏览器无效,想要实现这个效果,可以用标签属性onselectstart="return false;"来实现

    <div class="test">
        我是你得不到的
    </div>
 .test {
            user-select: none
        }

这样写,页面显示的文字内容就无法选中了

为了使用多个浏览器,可以这样写,但是IE还要通过行内属性来实现

  .test {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

 

posted @ 2019-09-10 14:08  一颗糊涂淡  阅读(3195)  评论(0编辑  收藏  举报