CSS3 控制内容的可选择性：user-select

本文主要是介绍CSS3 控制内容的可选择性：user-select，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

这是在css3 UI规范中新增的一个功能，用来控制内容的可选择性。

<style type="text/css">body{text-transform: capitalize;/*首字大写*/-webkit-user-select: none;/*用户不能选择元素中的任何内容*/ text-align: center;}</style>

1、用法： 

user-select:value;

2、取值： 
auto——默认值，用户可以选中元素中的内容 
none——用户不能选择元素中的任何内容 
text——用户可以选择元素中的文本 
element——文本可选，但仅限元素的边界内(只有IE和FF支持) 
all——在编辑器内，如果双击/上下文点击发生在子元素上，改值的最高级祖先元素将被选中。 

-moz-none——firefox私有，元素和子元素的文本将不可选，但是，子元素可以通过text重设回可选。

3、浏览器：该属性不支持低版本的浏览器。

-moz-user-select:none; /* Firefox私有属性 */
-webkit-user-select:none; /* WebKit内核私有属性 */
-ms-user-select:none; /* IE私有属性(IE10及以后) */
-khtml-user-select:none; /* KHTML内核私有属性 */
-o-user-select:none; /* Opera私有属性 */
user-select:none; /* CSS3属性 */

这篇关于CSS3 控制内容的可选择性：user-select的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---