CSS3中user-select的用法
类别:Web前端 浏览量:385
时间:2017-5-12 CSS3中user-select的用法
CSS3中user-select的用法一、语法
user-select:none | text | all | element
默认值:text
适用于:除替换元素外的所有元素
继承性:无
动画性:否
计算值:指定值
二、取值说明
none:文本不能被选择
text:可以选择文本
all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。
element:可以选择文本,但选择范围受元素边界的约束
三、user-select在各浏览器内核中的写法
-webkit-user-select: none; /* Chrome all / Safari all /opera15+*/
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
四、实例
<style>
.box{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>
<li class="box">
测试实例
</li>
标签:css
您可能感兴趣
- css3中的过渡属性的几种方法(基于CSS3实现的几个小loading效果)
- cssfloat和position功能(理解CSS浮动float、定位position)
- css3设置字体阴影(简单掌握CSS3将文字描边及填充文字颜色的方法)
- css3特性动画图(CSS3+DIV实现漂亮的动画彩色标签)
- css瀑布流布局
- css3 box-shadow
- CSS块级元素和行内元素
- css3字体怎么设置(使用CSS3 font-feature-settings特性减除字体动画震颤效果)
- CSS百分比定义高度的问题
- css3实现3d效果教程(CSS3实现简易版的刮刮乐效果)
- css font的简写规则
- css弹出框特效(利用CSS实现酷炫的下拉框特效)
- 用css实现滚动效果(CSS完成视差滚动效果)
- css 翻动效果(CSS实现全屏切换效果的示例代码)
- CSS中margin和padding的区别
- css的水滴效果(CSS制作各种样式的彩虹效果)
- 菲律宾特产(菲律宾特产最值得买回国)
- 越南特产(越南特产首饰)
- TVB负评王连续挑战警察角色《使徒行者3》中将饰演卧底(TVB负评王连续挑战警察角色使徒行者3中将饰演卧底)
- 《精英律师》剧照首曝光,实力演员飙戏,演绎律政职场百态(精英律师剧照首曝光)
- 靳东领衔打造高精职场 新丽出品《精英律师》曝定妆照(靳东领衔打造高精职场)
- 靳东新剧《精英律师》定档,众星云集,这剧可追(靳东新剧精英律师定档)
热门推荐
- php考试复习题(php+mysql开发的最简单在线题库在线做题系统完整案例)
- python中求阶乘的代码(python 阶乘累加和的实例)
- mysql根据子节点查询父节点(mysql 递归查找菜单节点的所有子节点的方法)
- 云服务器必须购买吗(购买真正的云服务器,这几个方面要小心)
- 常见的mysql优化策略(MySQL pt-slave-restart工具的使用简介)
- python代码添加微信号(python 获取微信好友列表的方法微信web)
- python自定义定时任务(python的schedule定时任务模块二次封装方法)
- apache2.4支持php5.5吗(WINDOWS下php5.2.4+mysql6.0+apache2.2.4+ZendOptimizer-3.3.0配置)
- sql查询优化最快的方法(必备 SQL 查询优化技巧提升网站访问速度)
- .NET中时区转换