这篇文章主要讲解了“CSS中如何应用user-select禁止文字选择”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS中如何应用user-select禁止文字选择”吧!
user-select有两个值:
none:用户不能选择文本
text:用户可以选择文本
需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整
代码如下:
body{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}
IE6-9还没发现相关的CSS属性
代码如下:
//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
感谢各位的阅读,以上就是“CSS中如何应用user-select禁止文字选择”的内容了,经过本文的学习后,相信大家对CSS中如何应用user-select禁止文字选择这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!