CSS禁止文字选择user-select应用

人生有起有落,有起有伏,无论你现在是在人生的顶峰,还是在人生的低谷,都是人生必经的一个过程。站在山峰的你,回头看看曾经在山谷的你,是多么的发奋图强,自强不息。所有的好事不是不来,而是在等红绿灯的路上。
user-select有两个值:

none:用户不能选择文本

text:用户可以选择文本

需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整
复制代码
代码如下:

body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}

IE6-9还没发现相关的CSS属性
复制代码
代码如下:

//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}

本文CSS禁止文字选择user-select应用到此结束。就算偶尔难过,也要面带微笑的向着充满阳光的方向前行。小编再次感谢大家对我们的支持!

标签: CSS user