如何利用css语法禁止文字选中功能,下面编程教程网小编给大家简单介绍一下具体实现方法!
1、利用user-select完全禁止文本选中
/* none - 文本不可选中 */
user-select: none;
/* auto - 文本可选中 */
user-select: auto;
/* all - 文本可被整体选择 */
user-select: all;
/* text - 文本可被选择,但不包括多个单词 */
user-select: text;
/* contain - 文本可被选择,但不包括其子元素 */
user-select: contain;
/* inherit - 继承父元素的user-select属性 */
user-select: inherit;
2、禁止某些元素中的文本选中
-webkit-user-select:none; /* Safari */
-moz-user-select:none; /* Firefox */
-ms-user-select:none; /* IE10+/Edge */
user-select:none; /* Standard syntax */
以上是编程学习网小编为您介绍的“css语法实现禁止文字选中功能”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:css语法实现禁止文字选中功能


基础教程推荐
猜你喜欢
- CSS清除浮动的方法详解 2024-01-25
- 详解搭建一个vue-cli的移动端H5开发模板 2023-12-20
- css3实现图片遮罩效果鼠标hover以后出现文字 2023-12-28
- vuejs执行完一个方法后再执行下一个方法 2024-12-07
- Ajax 请求队列解决方案并结合elementUi做全局加载状态 2023-02-23
- 小心:CSS代码书写顺序不同,导致显示效果不一样 2022-11-06
- 下拉菜单的级联操作(ajax) 2023-01-21
- nginx位置修复:重定向到index.html 2023-10-25
- cordova+vue+webapp使用html5获取地理位置的方法 2024-01-08
- 浅谈HTML5 服务器推送事件(Server-sent Events) 2022-09-16