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;
        }

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM