css3之user-select

 

        -------------  控制内容的可选择性。

 

前面写给两篇相关的可以查看：

 

http://zhangyaochun.iteye.com/blog/1535252    （-moz-user-select属性）

 

http://zhangyaochun.iteye.com/blog/1461522   （屏蔽右键与页面内容选中的脚本）

 

 

 

  可选的值：

 

  • auto  ---- 默认值，可以选中元素中的内容
  • none  --- 不能选择元素中的任何内容
  • text   ---- 可以选择元素中的文本
  • element  ---- 文本可选，但仅限元素的边界内（IE和FF支持）
  • all            ----在编辑器内，如果双击或者上下文点击发生在子元素上，它的最高级祖先元素将被选中。
  • -moz-none ----FF私有，元素和子元素的文本将不可选。
.noSelect{
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
}



 



 



 



浏览器支持：



 



    目前只有Gecko与webkit内核的支持该属性。IE10也开始支持，Opera目前不支持。