让文字不能选中user-select

屏蔽选择的样式定义：-moz-user-select属性（只支持ff）。 
属性有三个属性值： 

1、 none：用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。 

2、 -moz-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。 

3、 -moz-none：子元素所有的文字都不能选择，但是input输入框中的文字除外。

IE浏览器下是通过 onselectstart=”javascript:return false;”事件来实现该功能。 

 

document.body.onselectstart = function(){

return false;

}

样式中定义：

 

body

{

     -moz-user-select:none;

    -webkit-user-select:none;

   gn:expression(this.onselectstart=function(){return false;})  /*ie6/7*/

}

可惜opera 对以上方式都不支持

在需要不让选中的标签中加入unselectable="on"   子标签不能继承都得加这个属性，有点麻烦。

模拟下不能选中的现象：

body{

color:#000;

}

body::selection

{

color:#000;

background:transparent;

}

或透明遮罩层覆盖文字