css3 user-select 禁止用户选择

本文主要是介绍css3 user-select 禁止用户选择，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

测试同学经常提的bug就是说怎么我长按页面上某些文字或者图片，就出现系统的一些黑色弹框，找到我说怎么会这样呢，体验不太好。我就很无语地说，那是浏览器的特性，允许用户去选择某些文字或图片，可进行下一步的操作……

---

当然是可以通过如下方式禁用：

body {-webkit-user-select: none;-moz-user-select: none;user-select: none;-ms-user-select: none;
}

下面解释一下各个浏览器内核的属性的属性值介绍：

none ：禁止用户选中
text：对用户的选择没有限制
all：目标元素将整体被选中，也就是说不能只选中一部分，浏览器会自动选中整个元素里的内容。user-select: none|auto|text|contain|all;
//火狐浏览器
-moz-user-select: none|text|all;
//谷歌浏览器
-webkit-user-select: none|text|all
//IE
-ms-user-select: none|text|all|element；

这篇关于css3 user-select 禁止用户选择的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---