css3之user-select

 

  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目前不支持。