user-select不只有none一个属性
user-select
属性不仅仅只有none
这一种属性值。这个属性用于控制用户能否选中网页上的文本内容,可以选择以下属性值:
- auto:默认值,用户可以选择文本。
- none:用户不能选择文本。
- text:用户可以选择文本,鼠标指针会变成文本选择光标。
- all:用户单击一次即可选择整个元素的内容。
- contain:用户选择的范围被限制在单个元素内部。
这些属性值能够根据需求灵活控制用户对文本内容的选择行为,提高网页的交互体验和内容保护效果。
对于富文本编辑器来说,如果你想让一个div元素像img元素一样,被选中的时候,有选中的效果,但是又不能只选中一部分,就可以使用all,这样只能选中全部的div元素。
效果:
这是一个div元素,user-select: all;你可以尝试选中这个div元素。
这是一个div元素,user-select: auto;你可以尝试选中这个div元素。
这是一个div元素,user-select: none;你可以尝试选中这个div元素。
这是一个div元素,user-select: text;你可以尝试选中这个div元素。
这是一个div元素,user-select: contain;你可以尝试选中这个div元素。