html页⾯不能选中状态,css怎么让元素⽆法被选中？
在css中，可以使⽤user-select属性来设置页⾯元素不可被选中。下⾯本篇⽂章以将页⾯中p标签内的⽂字不能被选中为例，讲解css怎么让页⾯上的内容不能被选中。
在CSS中，可以通过设置user-select: none；来禁⽌选中元素，让页⾯元素⽆法被选中。
user-select属性是css3新增的属性，⽤于设置或检索是否允许⽤户选中⽂本；可⽤于除替换元素外的所有元素。
⽰例讲解：
新建⼀个html⽂件，命名为test.html，⽤于讲解css怎么让页⾯上的内容不能被选中。
在test.html⽂件内，使⽤p标签创建多⾏⽂字，⽤于下⾯进⾏测试。
在test.html⽂件内，给p标签添加⼀个class属性，⽤于通过该class设置p标签的css样式 。
在test.html⽂件内，编写标签，页⾯的css样式将写在该标签内。
在css标签内，通过class(testpp)设置页⾯⽂字的css样式，将user-select属性设置为none，实现页⾯内容不被选中效果。
cssclass属性
user-select属性对部分低版本浏览器可能存在不兼容问题，因此，可以添加兼容的样式提⾼代码的兼容性。代码如下：
在浏览器打开test.html⽂件，查看实现的效果。
总结：
1、在css样式中，将user-select属性设置为none，实现内容不可被选中。
2、为了提⾼样式的兼容性，可以同时使⽤“-webkit-user-select:none;-moz-user-select:none-ms-user-select:none;”来设置页⾯内容的样式。
注意事项
也可以通过“*”星号设置页⾯所有内容不可被选中。
更多前端开发知识，请查阅 HTML中⽂⽹ ！！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。