CSS 文本设置可选中和不可选中
warning:
这篇文章距离上次修改已过269天，其中的内容可能已经有所变动。
在CSS中，可以使用user-select属性来设置文本的可选中状态。该属性可以控制文本是否可被用户选中。
user-select: none;表示文本不可被选中。user-select: auto;表示文本默认的选中行为。user-select: text;表示文本可被选中。
以下是一个简单的示例，展示如何使用user-select属性：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Select Example</title>
<style>
.select-none {
user-select: none; /* 文本不可选中 */
}
.select-auto {
user-select: auto; /* 文本默认可选中行为 */
}
.select-text {
user-select: text; /* 文本可选中 */
}
</style>
</head>
<body>
<p class="select-none">这段文本不可被选中。</p>
<p class="select-auto">这段文本默认可被选中。</p>
<p class="select-text">这段文本可被选中。</p>
</body>
</html>在上述代码中，第一个<p>元素设置了select-none类，意味着其内的文本不可被用户选中。第二个<p>元素设置了select-auto类，表示文本的选中行为将由浏览器自动决定。最后一个<p>元素设置了select-text类，表示其内的文本可以被用户选中。
评论已关闭