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和谷歌浏览器 */
}

相关推荐