zoukankan      html  css  js  c++  java
  • 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;
            }
    ╰︶﹉⋛⋋⊱⋋๑๑⋌⊰⋌⋚﹉︶╯
  • 相关阅读:
    redis-单线程为什么快
    redis-数据结构
    http-状态码
    事件绑定完整版2016/4/21
    焦点事件2016、4、21
    ++
    Bom2016/4/21
    添加以及删除className
    getByClassName2016/4/21
    动态添加
  • 原文地址:https://www.cnblogs.com/zhangcheng001/p/11497176.html
Copyright © 2011-2022 走看看