本文操作环境:Windows7系统,CSS3版本,Dell G3电脑。 user-select,设置或检索是否允许用户选中文本 user-select 属性规定是否能选取元素的文本。 在 web 浏览器中,如果您在文本上双击,文本会被选
本文操作环境:Windows7系统,CSS3版本,Dell G3电脑。 user-select,设置或检索是否允许用户选中文本 user-select 属性规定是否能选取元素的文本。 在 web 浏览器中,如果您在文本上双击,文本会被选取或高亮显示。此属性用于阻止这种行为。 user-select语法:
默认值:text 适用于:除替换元素外的所有元素 继承性:无 动画性:否 计算值:指定值 属性值:
说明: 设置或检索是否允许用户选中文本。 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。 兼容性: 浅绿 = 支持 红色 = 不支持 粉色 = 部分支持 实例
这段代码结合了css+js,基本上将常用的浏览器都禁止选择了。
浏览器支持表格中的数字注明了完全支持该属性的首个浏览器版本。 跟随 -webkit-、-ms- 或 -moz- 的数字规定使用前缀的首个版本。
|
2021-04-14
2023-10-11
2021-04-29
2023-11-01
2018-01-07