css实现禁止页面文字被选中功能-css教程-PHP中文网

css实现禁止页面文字被选中功能

王林

发布： 2020-09-30 16:40:34

转载

2623人浏览过

css实现禁止页面文字被选中功能

通过css实现页面文字不能被选中

（推荐教程：CSS教程）

.cannotselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

登录后复制

css介绍

user-select

立即学习“前端免费学习笔记（深入）”；

说明

控制选取能否被选择.

该特性是非标准的，请尽量不要在生产环境中使用它！

Formal syntax: none | text | all | element

登录后复制

none:元素内的文字及其子元素将不会被选中
text:用户可以选中文字
all:在一个HTML编辑器中，当双击子元素或者上下文时，那么包含该子元素的最顶层元素也会被选中。
element:火狐和IE中有效. Enables selection to start within the element; however, the selection will be contained by the bounds of that element.

浏览器兼容性

weenCompany闻名企业网站系统5.3.0 繁体中英文 UTF8

weenCompany闻名企业网站系统(免费开源)是一个功能强大, 使用简单的中英文企业智能建站系统, 您只需要一些基本的计算机知识就可以利用此系统完成中小型企业网站的建设; 是低成本企业网站架设方案之首选CMS系统, 也适合建设个人网站。weenCompany闻名企业网站系统功能：1. 程序代码简洁严谨, 整个系统程序仅2M左右大小.2. 中英文双语版共用一套网站程序, 双语页面实现自由切换.3