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
您可能感兴趣
- css中的background:transparent的作用
- css元素最完整表现形式(CSS 伪元素::marker详解)
- css高级使用技巧(全面解析CSS Media媒体查询使用操作推荐)
- css的border怎么设置三角形(CSS border虚线边框属性教程)
- CSS中常用的几个技巧
- css边框样式讲解(纯css实现动态边框的示例代码)
- css选择器优先级
- 怎么用html做一个导航栏(html+css 实现简易导航栏功能)
- css时钟(网页中时光轴CSS实现)
- css中id和类的区别(CSS新增的:where和:is伪类函数是什么)
- css样式词大全(超全面CSS样式整理)
- css设计文本框及按钮样式(CSS仿网易首页的头部菜单栏按钮和三角形制作方法)
- css圆角阴影代码(CSS实现曲面阴影效果的简单实例推荐)
- CSS中英文换行和不换行
- css边框和边界教程(css 中多种边框的实现小窍门)
- 史上最全的css布局教程(详解CSS经典布局之Sticky footer布局)
- 记者手记 书记带我去 巡街(记者手记书记带我去)
- 富士胶片集团将向土耳其东南部地震灾民捐赠5000万日元 | 美通社(富士胶片集团将向土耳其东南部地震灾民捐赠5000万日元)
- 二次创业 的富士胶片,在进博会上首次展示完成转型后的全线医疗产品(二次创业的富士胶片)
- 富士胶片 中国 我们对上海的信心没有任何改变(富士胶片中国)
- 赢麻了 富士公布2021年度财报 营利同比增长240(富士公布2021年度财报)
- 医事文化谈屑 | 古人的名 字 号(医事文化谈屑古人的名)