CSS如何禁止复制或选中文本
在CSS中,可以使用user-select
属性来控制文本的选择行为。如果你想禁止用户复制或勾选页面上的文本,可以将user-select
属性设置为none
。
以下是一个示例,展示了如何在全局和特定元素上应用这个属性:
/* 禁止在页面上选择任何文本 */
* {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE/Edge */
user-select: none; /* 标准语法 */
}
/* 禁止在特定元素内选择文本 */
.no-select {
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE/Edge */
user-select: none; /* 标准语法 */
}
在HTML中使用这个类:
<div class="no-select">
这段文本不能被选中或复制。
</div>
这段代码将禁止用户在.no-select
类应用的任何元素内选择文本。
评论已关闭