导读跟大家讲解下有关css怎么禁止选中文字,相信小伙伴们对这个话题应该也很关注吧,现在就为小伙伴们说说css怎么禁止选中文字,小编也收集
跟大新乐府诗家讲解下有关css怎么禁止选中文字,相信小伙伴们对这个话公共英语三级口试题应该也很关注吧,现在就为小伙伴们说说css怎么禁止选中文字,小编也收集到了有关css怎么禁止选中文字的相关资料,希望大家看到了会喜欢。
在css中,可以使用ur-lect属性来禁止选中文字,只需要给文本文字元素添加“ur-lect:none;”样式即可。ur-lect属性可以设置或检索是否允许用户选中文本,当值为“none”时表示文本不能被选择。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中,可以使用ur-lect属性来禁止选中文字。
ur-lect属性设置或检索是否允许用户选中文本
语法:
ur-lect:none |text| all | element
属性值:
none
:文本不能被选择
text:可以选择文本
all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。
lement:可以选闻鸡起舞的主人公择文本,但选择范围受元素边界的约ll过去分词束
禁止选中文字的代码
pc端:
.not-lect{ -moz-ur-lect:none; -webkit-ur-lect:none; -ms-ur-lect:none; -khtml-ur-lect:none; ur-lect:none;}
移动:
.no-touch { -webkit-touch-callout: none; -webkit-ur关于感恩的古诗-lect: none; -khtml-ur-lect: none; -moz-ur-lect: none; -ms-ur-lect: none; ur-lect: none;}
补充:js方法:
ontouchstart="return fal;"
在需要禁止的dom上添加这段代码,两种方法对于安卓和IOS的支持没有单独测试过。两个同时使用,对于安卓和IOS可以起到禁止作用。
(学习视频分享:css视频教程)
以上就是css怎么禁止选中文字的详细内容,更多请关注php中文网其它相关文章!
来源:php中文网
本文发布于:2023-02-26 03:40:47,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/167735404847587.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:互联网常识:css怎么禁止选中文字.doc
本文 PDF 下载地址:互联网常识:css怎么禁止选中文字.pdf
留言与评论(共有 0 条评论) |