CSS3常见技巧（一）：如何禁止文本选择高亮

匿名用户 • 2019年2月1日下午4:03 • CSS教程 • 阅读 350

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

CSS3