CSS3 禁用文本复制的属性:user-select
2015-07-02 15:53
513 查看
今天在网上看某篇文章,觉得内容有收藏的价值,就习惯性的想要选中文本去复制内容,但是根本选不中文本。
查看源代码,发现CSS文件中有这样一段代码:
这是在css3 UI规范中新增的一个功能,用来控制内容的可选择性。
用法:
user-select:value;
值:
auto——默认值,用户可以选中元素中的内容
none——用户不能选择元素中的任何内容
text——用户可以选择元素中的文本
element——文本可选,但仅限元素的边界内(只有IE和FF支持)
all——在编辑器内,如果双击/上下文点击发生在子元素上,改值的最高级祖先元素将被选中。
-moz-none——firefox私有,元素和子元素的文本将不可选,但是,子元素可以通过text重设回可选。
该属性不支持低版本的浏览器。
查看源代码,发现CSS文件中有这样一段代码:
html, body { -webkit-user-select: none; user-select: none; }
这是在css3 UI规范中新增的一个功能,用来控制内容的可选择性。
用法:
user-select:value;
值:
auto——默认值,用户可以选中元素中的内容
none——用户不能选择元素中的任何内容
text——用户可以选择元素中的文本
element——文本可选,但仅限元素的边界内(只有IE和FF支持)
all——在编辑器内,如果双击/上下文点击发生在子元素上,改值的最高级祖先元素将被选中。
-moz-none——firefox私有,元素和子元素的文本将不可选,但是,子元素可以通过text重设回可选。
.className{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
该属性不支持低版本的浏览器。
相关文章推荐
- button样式
- css-offsetParent翻译
- CSS控制之IE常见BUG及解决方案
- 测试看看博客样式
- CSS滤镜让图片模糊(毛玻璃效果)实例页面
- CSS滤镜让图片模糊(毛玻璃效果)实例页面
- HTML+CSS学习笔记
- css position属性 以及 float、display、position的问题整合
- CSS 鼠标样式大全
- 36种漂亮的CSS3网页按钮Button样式,总有你喜欢的
- checkbox复选框样式
- CSS3实现整屏切换效果
- css 雪碧图sprite的使用
- CSS里的各种水平垂直居中基础写法心得
- css中水平垂直居中对齐布局一些实例总结
- 为什么要初始化css样式。
- CSS3 立方体
- System.Web.Optimization对脚本和样式表的操作
- 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别
- css兼容tooltip提示框方法