CSS 区域不可选择 - CSS user-select

CSS 的 user-select 属性用于控制元素的文本是否可以被用户选择。它可以用来限制用户对特定元素的选中操作，以防止内容被复制或者拖拽。

语法

user-select: none;

值

• none: 元素的内容不可被用户选择。
• auto: 默认值，允许用户选择元素的内容。
• text: 允许用户选择元素的文本内容，但不包括其他非文本内容，如背景图像等。
• all: 允许用户选择元素的所有内容，包括文本和非文本内容。

示例

.unselectable {
  user-select: none;
}

使用 unselectable 类来将元素的内容设为不可选。

<div class="unselectable">
  这段文本不可被选中。
</div>

兼容性

user-select 属性的兼容性相对较好，除了一些较旧的浏览器可能不支持。

参考支持的浏览器：

• Chrome：4+
• Firefox：3.5+
• Safari：3.1+
• IE/Edge：10+
• Opera：15+
• iOS Safari：3.2+
• Android Browser：3.2+

请注意，不同浏览器对 user-select 的兼容性可能会有细微差异。

总结

通过使用 user-select 属性，程序员可以控制特定元素的文本是否可以被用户选中。这在某些情况下非常有用，例如保护网页内容不被复制或拖拽。但需要注意兼容性和合理使用，以确保最佳用户体验。