原因:鼠标点快了文字会被选中。 解决方案:不同的浏览器设置的内容不一样,user-select不是一个W3C的标准,浏览器的支持不完成,需要对不同的浏览器进行调整。 body{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期...
-webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; 该属性介绍:html.cn/book/css/proper 使用场景:①:给某元素设置双击事件,若用户没有在第二次点击后迅速移开,就会选中文字 ②:长按图片(可能你只是想保存图片,确出现复制文字的选项) ③:根据业务需要,要求明确禁止...
-webkit-user-select:none;/* Safari */ -ms-user-select:none;/* IE 10+ and Edge */ -o-user-select:none; -moz-user-select:none;/*火狐*/ -khtml-user-select:none;/*早期浏览器*/ user-select:none;/* Standard syntax */ } 浏览器支持 表格中的数字注明了完全支持该属性的首个浏览器版本。
.default-selection { user-select: text; /* 默认值,用户可以选择文本 */ } 浏览器兼容性: 尽管user-select 是CSS3 的一部分,但大多数现代浏览器都已经支持这一属性。不过,为了兼容旧版浏览器,可能需要使用带前缀的属性(如 -webkit-user-select、-moz-user-select 等)。 其他属性值: none:用户不能选...
从Firefox 21开始， none 表现的像 -> moz-none，因此可以使用 -moz-user-select: text 在子元素上...
webkit核心的浏览器，select默认样式。这是去除浏览器默认样式的。像chrome,firefox，文本框，下拉框等，这些会有自己的渲染样式。定义为none就不会用浏览器的默认样式了。
user-select,设置或检索是否允许用户选中文本 user-select 属性规定是否能选取元素的文本。 在web 浏览器中,如果您在文本上双击,文本会被选取或高亮显示。此属性用于阻止这种行为。 user-select语法: user-select:none |text| all | element 默认值:text ...
通过css 属性 user-select: none; 能让用户无法在你的网页上选中文本。这样同时也能起到无法复制的效果。 案例1 你可以在全局样式中添加如下属性,这样你的整个网页就都无法选中。 :root { user-select: none; } Copy 案例2 你也可以将它只应用在某个元素上。例如: html:...
none; -moz-user-select: none; -khtml-user-select: none;1. 通配符选择器： *...
user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 代码如下: body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ ...