CSS禁止文字选择user-select应用

user-select有两个值,none:用户不能选择文本,本例使用这个属性实现禁止文字选择,示例如下,大家可以参考参考

user-select有两个值:

none:用户不能选择文本

text:用户可以选择文本

需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整

复制代码代码如下:
body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}

IE6-9还没发现相关的CSS属性

复制代码代码如下:
//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}

版权声明:
作者:路小白
链接:https://www.yxey.cn/jianzhan/daima/410610.html
来源:营销二院路小白个人品牌自媒体平台博客
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>