-webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; background:#eee;} </style> </head> <body> <divonselectstart="return false;"unselectable="on">选择我试试,你会发现怎么也选择不到我,哈哈哈哈</div> </body> </html> 这段代码结合了css+js,基本上将...
user-select (CSS属性),控制着用户能否选中文本。除了在文本框中,在 Chrome浏览器中对已经加载的文本没有影响。 一、语法: user-select:none / text / all / element / auto user-select属性的默认值为 text,没有继承性,适用于替换元素外的所有元素。 二、属性值: none:文本不能被选中。注意这个 Selection ...
user-select:none |text| all | element 默认值:text 适用于:除替换元素外的所有元素 继承性:无 动画性:否 计算值:指定值 属性值: 说明: 设置或检索是否允许用户选中文本。 IE6-9不支持该属性,但支持使用标签属性 onselectstart="return false;" 来达到 user-select:none 的效果;Safari和Chrome也支持该标签...
user-select属性是css3规范中新增的一个功能,用于设置或检索是否允许用户选中文本,使用语法是“user-select:none |text| all | element”,其默认值是text,并且适用于除替换元素外的所有元素 本文操作环境:Windows7系统,CSS3版本,Dell G3电脑。 user-select,设置或检索是否允许用户选中文本 user-select 属性规定是否...
-webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; 该属性介绍:https://www.html.cn/book/css/properties/user-interface/user-select.htm#a3 使用场景: ①:给某元素设置双击事件,若用户没有在第二次点击后迅速移开,就会选中文字 ...
element {-webkit-user-select: none; /* Safari */-ms-user-select: none; /* IE 10+ and Edge */user-select: none; /* Standard syntax */} 当你不想一个元素的原始内容被复制时,可以使用这个属性。 更改选中文本的背景颜色 使用选择器::selection,可以更改选中文本的背景颜色: ...
CSS里的user-select属性用来禁止用户用鼠标在页面上选中文字、图片等,也就是,让页面内容不可选。也可以只允许用户选中文字,或者全部都放开,用户可以同时选中文字、还包括文本里的图片、视频等其它东西。user-select属性的作用是元素级别的,它不仅可以作用整个页面,也可以只在指定的元素和其子元素上生效。
-khtml-user-select: none; /*早期浏览器*/ user-select: none; } IE6-9还没发现相关的CSS属性 代码如下: //IE6-9 document.body.onselectstart = document.body.ondrag = function(){ return false; } 感谢各位的阅读,以上就是“CSS中如何应用user-select禁止文字选择”的内容了,经过本文的学习后,相信...
user-select属性是css3新增的一个属性,它可以用来控制内容的可选择性,设置或检索是否允许用户选中文本,适用于除替换元素外的所有元素。 可以设置以下的属性值: auto:默认值,文本将根据浏览器的默认属性进行选择; none:可以设置用户不能选择元素中的任何内容 ; ...
css *[data-danwei]:after{content:attr(data-danwei);color:#3b98e0;}.box{width:200px;height:200px;color:#3b98e0;border:1px solid currentColor;/*其实不加颜色参数 默认继承内容的color*/}div span{user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;}div ...