当前位置 : 主页 > 网页制作 > css >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
浏览网页的时候,会遇到某些想要复制的文字不能选中 我们如果想要实现这个效果,只需要对包含这部分文字的标签设置一个css属性 user-select:none 但是低版本的IE浏览器无效,想要实现

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

我们如果想要实现这个效果,只需要对包含这部分文字的标签设置一个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;
        }
上一篇:CSS中的cursor属性
下一篇:css命名规范
网友评论