常见问题4:文本不能选择 效果
user-select:none | text | all | element
默认值:text
适用于:除替换元素外的所有元素
继承性:无
动画性:否
计算值:指定值
none:文本不能被选择
text:可以选择文本
all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。
element:可以选择文本,但选择范围受元素边界的约束
- IE6-9不支持该属性,但支持使用标签属性
onselectstart="return false;"
来达到user-select:none
的效果;Safari和Chrome也支持该标签属性; - 直到Opera12.5仍然不支持该属性,但和IE6-9一样,也支持使用私有的标签属性
unselectable="on"
来达到user-select:none
的效果;unselectable 的另一个值是 off; - 除Chrome和Safari外,在其它浏览器中,如果将文本设置为
-ms-user-select:none;
,则用户将无法在该文本块中开始选择文本。不过,如果用户在页面的其他区域开始选择文本,则用户仍然可以继续选择将文本设置为-ms-user-select:none;
的区域文本; - 对应的脚本特性为userSelect。
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>user-select_CSS参考手册_web前端开发参考手册系列</title> <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <style> .test{padding:10px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;background:#eee;} </style> </head> <body> <div class="test" onselectstart="return false;" unselectable="on"> 不能选择的文字</div> </body> </html>
转载于:https://www.cnblogs.com/wuss/p/8351147.html
常见问题4:文本不能选择 效果相关推荐
- 禁止拖放对象文本被选择
禁止拖放对象文本被选择的方法: 1.ie中设置拖放对象的onselectstart返回false,在ff中设置样式MozUserSelect(css:-moz-user-select)为none. ...
- 利用select实现年月日三级联动的日期选择效果
前面的话 关于select控件,可能年月日三级联动的日期选择效果是最常见的应用了.本文是选择框脚本的实践,下面将对日期选择效果进行详细介绍 演示 规划 默认情况下,年.月.日分别由3个select控件 ...
- CML 2020 | 显式引入对分类标签的描述,如何提高文本分类的效果?
论文链接:https://arxiv.org/pdf/2002.03067.pdf 1 简介 一般来说,模型越深效果越好.但是同时,模型越深也更难训练--即无法收敛到训练集上一个好的值. 今天,我们给 ...
- Tensorlfow2.0 二分类和多分类focal loss实现和在文本分类任务效果评估
Tensorlfow2.0 二分类和多分类focal loss实现和在文本分类任务效果评估 前言 二分类 focal loss 多分类 focal loss 测试结果 二分类focal_loss结果 ...
- 如何让IOS中的文本实现3D效果
本转载至 http://bbs.aliyun.com/read/181991.html?spm=5176.7114037.1996646101.25.p0So7c&pos=9 zhed ...
- css 控制溢出文本显示省略号效果
同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果: 转载于:https:/ ...
- ScrollView与TableView实现选择效果
在cocos2dx中,ScrollView与TableView都可以实现选择效果,其中ScrollView较为原始,TableView的格子大小可以不与winSize一样大. ScrollView实现 ...
- hssfcell判断文本类型_ICML 2020 | 显式引入对分类标签的描述,如何提高文本分类的效果?...
本文介绍的是ICML2020论文<Description Based Text Classification with Reinforcement Learning>,论文作者来自香侬科技 ...
- JS让文本以打字效果呈现出来
简单的网页特效:JS让文本以打字效果呈现出来 代码如下: <!DOCTYPE HTML> <html lang="en"><head><m ...
- 禁止拖放对象文本被选择的方法
为什么80%的码农都做不了架构师?>>> ie中设置拖放对象的onselectstart返回false,在ff中设置样式MozUserSelect(css:-moz-user- ...
最新文章
- RuntimeError: each element in list of batch should be of equal size
- C++ Primer 5th笔记(chap 12 动态内存)allocator类
- 为什么将表格的method改为post后就无法工作_用Python将Keras深度学习模型部署为Web应用程序...
- Spring Cloud Nacos
- 【51nod 1331】狭窄的通道
- php增删改查怎么封装,php增删改查封装方法
- 用智能墨水打造超灵敏传感器 “写”到哪里感知就到哪里...
- mysql约束与索引的区别
- win32com 读取excel
- 沙雕动画资源素材大全/小白零基础快速入门沙雕动画/三天快速上手开始制作沙雕动画/
- 服务器项目命名规则,云服务器命名规范
- 说到VDI与IDV的分分合合,不会再有比这更清晰的解释了!
- 关于物联网进入元宇宙时代的基础与发展思考
- 微信公众号如何设置关键词回复Word/Excel/pdf/ppt等文件?
- 瑞盟485/422接口电路MS2576完全替代AM26C31
- 如何辨别数清冲突域和广播域
- matlab norm函数使用_MATLAB 中NORM运用
- 9.16 a.m.小结
- TIA博途下载PLC程序时提示“具有激活的TIS功能防止下载到设备”错误-处理办法
- 如何选择股市短线黑马
热门文章
- 软件基本功:垃圾代码是怎样产生的?
- No toolchains found in the NDK toolchains folder for ABI with prefix: mips64
- 人都喜欢抬杠:一时不抬杠就浑身难受综合症候群
- float的比较要慎重
- 听通灵人说自己的感悟
- mysql算法优化原则_Mysql语句优化的原则——让你写sql更加顺手
- 猜数字游戏编程C语言0到9,【游戏编程】猜数字游戏(C语言)
- 64位 内存占用大 嵌入式_懵!面试官问我:Object o = new Object() 占用了多少个字节?...
- idea project settings在哪_IntelliJ IDEA如何对project的目录进行筛选显示?
- centos安装nginx 编译时报错_树莓派centos-arm安装k8s编译