1. 犀牛前端部落首页
  2. CSS百科

CSS3常见技巧(一):如何禁止文本选择高亮

根据 Can I use显示,目前user-select已经支持绝大多数浏览器了,不过如果想在IE9或者更早之前使用,还需要使用浏览器前缀。

代码如下

. noselect{
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* 没有前缀,目前支持Opera和谷歌浏览器 */
}

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/587.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注