CSS user-select

最新推荐文章于 2021-12-07 23:01:04 发布
最新推荐文章于 2021-12-07 23:01:04 发布
阅读量325 收藏
点赞数
分类专栏： CSS

user-select

语法：

user-select：none | text | all | element

默认值：text

适用于：除替换元素外的所有元素

继承性：无

动画性：否

计算值：指定值

取值：

none：
文本不能被选择
text：
可以选择文本
all：
当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。
element：
可以选择文本，但选择范围受元素边界的约束

说明：

设置或检索是否允许用户选中文本。



转自：http://www.css88.com/book/css/properties/user-interface/user-select.htm

ssisse
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
css 让文字不被选中之-moz-user-select 属性介绍
01-21
而在firefox下，文字不会被选中，查看google calender的css，原来还有-moz-user-select这个属性，很好玩！ 最后采用一个了js方法，即onselectstart=function{return false;}，不让页面进行选择，呵呵，这是很多网站...
CSS user-select样式，超详细用法
冯上
09-04 2050
作用 user-select 的CSS属性控制用户是否可以选择文本。 属性和效果 text：默认 默认、可选择 auto：全自动~ 自动 在 ::before 和 ::after 伪元素上，属性值为none 如果元素是可编辑的(例如input文本框)，则属性值是contain 否则，如果此元素的父级的使用值的 all，则使用值是 all 否则，如果此元素的父级的使用值的 none，则使用值是 none 否则，使用值为 text none：选不了~ 元素和子元素的文本不可选 all：要不别选，
CSS之user-select属性
qq_35165469的博客
07-08 1001
user-select：设置浏览器文本是否可选择 浏览器默认文本是可以选择复制的； user-select：none则表示浏览器文本是无法选中，并且不能复制； user-select：text则表示浏览器文本可以选择复制； 且注意其版本兼容性 ...
css3 user-select 禁止用户选择
huch的博客
05-24 6005
测试同学经常提的bug就是说怎么我长按页面上某些文字或者图片，就出现系统的一些黑色弹框，找到我说怎么会这样呢，体验不太好。我就很无语地说，那是浏览器的特性，允许用户去选择某些文字或图片，可进行下一步的操作…… 当然是可以通过如下方式禁用： body { -webkit-user-select: none; -moz-user-select: none; user-selec...
user-select的使用
zlq_CSDN的博客
03-31 2496
之前在我编写音乐官网的时候，涉及到关于歌曲名称复制的问题，这个时候可能不让复制更符合常理，因此我们可以用到user-select来进行设置。具体用法如下： 语法：user-select：none |text| all | element默认值：text适用于：除替换元素外的所有元素继承性：无动画性：否计算值：指定值取值：none：文本不能被选择text：可以选择文本all：当所有内容作为一个整体时...
css3中user-select的用法详解
weixin_34318326的博客
12-19 438
css3中user-select的用法详解 user-select属性是css3新增的属性，用于设置用户是否能够选中文本。可用于除替换元素外的所有元素，以下是user-select的主要用法和注意事项的说明，更多信息可参考如下css3文档说明。 参考链接：http://www.css88.com/book/css/properties/...
CSS禁止文字选择user-select应用
11-30
需要注意的是：user-select并不是一个W3C的CSS标准属性，浏览器支持的不完整，需要对每种浏览器进行调整 复制代码代码如下: body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ ...
css禁止html标签被选中的方法
12-13
以下CSS样式实现了各浏览器...复制代码代码如下:moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;
user-select的详细用法
热门推荐
捷搜索
10-31 1万+
前言 做网页的时候，有些文字我们需要能被选中，有些我们不要能被选中，那么这就需要用到一个css属性了，那就是 user-select  使用方法 user-select: none|auto|text|contain|all; /*firefox浏览器*/ -moz-user-select: none|text|all; /*safari、chrome浏览器*/ -webkit-use...
CSS user-select 属性
冰零界点
11-23 2789
user-select：none | text | all | element 默认值：text 适用于：除替换元素外的所有元素 继承性：无 动画性：否 计算值：指定值 取值： none： 文本不能被选择 text： 可以选择文本 all： 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。 ele...
使用CSS里的user-select属性控制用户在页面上选中的内容
断弦泉月
08-11 7936
CSS里的user-select属性用来禁止用户用鼠标在页面上选中文字、图片等，也就是，让页面内容不可选。也可以只允许用户选中文字，或者全部都放开，用户可以同时选中文字、还包括文本里的图片、视频等其它东西。user-select属性的作用是元素级别的，它不仅可以作用整个页面，也可以只在指定的元素和其子元素上生效。 写这篇文章的时候，“user-select”属性在各大浏览器里都还是实验性的属
将用户的选择控制在你的手中-user-select
前端路上有你有我！
12-07 1291
在敲打自己的个人博客时，在博客的详情页，对于不同的内容，我是想有不同的复制方式的。例如代码块我就想读者单击就可以复制，这样方便读者本地调试，而对于文字描述部分，希望可以不允许读者复制。作为一个坚定的能用CSS绝不上JS的极端份子，我最终找到了CSS3中的user-select。
-webkit-user-select: none;导致的移动端input=text 无法输入
GUK
11-08 1823
解决办法： * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: none; } *:not(input,textarea)...
css笔记之 user-select (设置是否可选中文本)
kfepiza的博客
07-04 615
user-select 的主要选项: auto(默认) | none | text | all Options 选项 Explain 说明 auto (默认值) auto 的具体取值取决于一系列条件，具体如下： 在 ::before 和 ::after 伪元素上，采用的属性值是 none 如果元素是可编辑元素，则采用的属性值是 contain 否则，如果此元素的父元素的 user-select 采用的属性值为 all，则该元素采用的属性值也为 all 否则，如果此元素的父元素的 user-s
55个提高你CSS开发效率的必备片段
乔的博客
03-24 268
清除浮动 最方便也是兼容性最好的一种是，在同级目录下再创建一个<div style="clear:both;"></div>；不过这样会增加很多无用的代码。 此时我们用:after这个伪元素来解决浮动的问题，如果当前层级有浮动元素，那么在其父级添加上 clearfix 类即可。 // 清除浮动 .clearfix:after { content: "\00A0"; ...
css3:user-select属性
weixin_30314631的博客
09-30 181
一、user-select简介 这是在css3 UI规范中新增的一个功能，用来控制内容的可选择性 二、user-select:值 auto——默认值，用户可以选中元素中的内容 none——用户不能选择元素中的任何内容 text——用户可以选择元素中的文本 element——文本可选，但仅限元素的边界内(只有IE和FF支持) all——在编辑器内，如果双击/上下文点击发生在子...
CSS3 禁用文本复制的属性：user-select
sacred journey
07-02 9304
今天在网上看某篇文章，觉得内容有收藏的价值，就习惯性的想要选中文本去复制内容，但是根本选不中文本。 查看源代码，发现CSS文件中有这样一段代码：html, body { -webkit-user-select: none; user-select: none; }这是在css3 UI规范中新增的一个功能，用来控制内容的可选择性。用法： user-select:value;值： auto
-moz-user-select
最新发布
03-28
-moz-user-select is a CSS property that allows developers to control the user's ability to select text within an element on a webpage in Mozilla Firefox. It only works in Firefox and is not supported ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值