如何利用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语法实现禁止文字选中功能


基础教程推荐
猜你喜欢
- Spring Boot 系列:Vue+Sping Boot +WebSocket实现前后端消息推送 2023-10-08
- 使用CSS移动网页内容的详细指南 2023-10-08
- css3实现顶部社会化分享按钮示例 2023-12-23
- JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性 2024-04-04
- el-table展开指定列 2024-12-09
- 同一个页面用多个id有什么影响 2022-11-04
- 7个令人惊讶的JavaScript特性详解 2023-07-09
- 图片旋转、鼠标滚轮缩放、镜像、切换图片js代码 2024-03-11
- Bootstrap组件系列之福利篇几款好用的组件(推荐) 2024-01-22
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20