概述
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可以使用user-select属性来禁止选中文字。
user-select属性设置或检索是否允许用户选中文本
语法：
user-select：none |text| all | element
登录后复制属性值：
none：文本不能被选择text：可以选择文本
all：当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。
lement：可以选择文本，但选择范围受元素边界的约束
禁止选中文字的代码
pc端：
.not-select{
-moz-user-select:none; /*火狐*/
-webkit-user-select:none; /*webkit浏览器*/
-ms-user-select:none; /*IE10*/
-khtml-user-select:none; /*早期浏览器*/
user-select:none;
}登录后复制移动：
.no-touch {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}登录后复制补充：js方法：
ontouchstart="return false;"
登录后复制在需要禁止的dom上添加这段代码，两种方法对于安卓和IOS的支持没有单独测试过。两个同时使用，对于安卓和IOS可以起到禁止作用。
（学习视频分享：css视频教程）
以上就是css怎么禁止选中文字的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是大意墨镜为你收集整理的css怎么禁止选中文字的全部内容，希望文章能够帮你解决css怎么禁止选中文字所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复