Question

我正在使div不可选择，我想在某些嵌套的div中重新启用选择。

<div style="user-select: none; -ms-user-select: none; color: red;">
  <div id="noSelection">
    Should not be able to select this text
  </div>
  <div id="selectIt" style="user-select: auto; -ms-user-select:auto; color: green;">
    Wanna select this text as normal with correct mouse cursor
  </div>
</div>

我希望在上一个div中设置为“ auto”的情况下选择正常的文本，但是在我尝试使用的任何浏览器中都无法使用。

Answer 1

使用user-select: auto;而不是user-select: text;来使文本可选。作为使用auto时的spec states：

如果此元素的父元素上user-select的计算值是 none，计算值为none

<div style="user-select: none; -ms-user-select: none; color: red;">
  <div id="noSelection">
    Should not be able to select this text
  </div>
  <div id="selectIt" style="user-select: text; -ms-user-select:auto; color: green;">
    Wanna select this text as normal with correct mouse cursor
  </div>
</div>

用户选择自动不起作用的Div嵌套在用户选择无中

1 个答案: