user-select不只有none一个属性

user-select属性不仅仅只有none这一种属性值。这个属性用于控制用户能否选中网页上的文本内容,可以选择以下属性值:

  1. auto:默认值,用户可以选择文本。
  2. none:用户不能选择文本。
  3. text:用户可以选择文本,鼠标指针会变成文本选择光标。
  4. all:用户单击一次即可选择整个元素的内容。
  5. 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元素。