这篇文章给大家分享的是有关CSS中如何禁止选中文字的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css的基本语法是什么css的基本语法是:1、css规则由选择器和一条或多条声明两个部分构成;2、选择器通常是需要改
这篇文章给大家分享的是有关CSS中如何禁止选中文字的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
css的基本语法是:1、css规则由选择器和一条或多条声明两个部分构成;2、选择器通常是需要改变样式的html元素;3、每条声明由一个属性和一个值组成;4、属性和属性值被冒号分隔开。
在css中,可以使用user-select属性来禁止选中文字,只需要给文本文字元素添加“user-select:none;”样式即可。user-select属性可以设置或检索是否允许用户选中文本,当值为“none”时表示文本不能被选择。
本教程操作环境: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; -ms-user-select:none; -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中如何禁止选中文字”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
--结束END--
本文标题: css中如何禁止选中文字
本文链接: https://www.lsjlt.com/news/275340.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-03
2024-05-02
2024-05-02
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0