CSS user-select：禁用空格选择但允许文本选择

Question

有没有办法阻止选择不是文本的东西？像剩余的<div>空格和<img s等......

不受欢迎的选择

禁用此功能。 有时点击 - 拖动/双击然后发生这种情况是唯一一个令人痛苦的提示，即你没有使用“原生应用”。

期望的选择

......但仍允许这样做。

应用-user-select的聪明方法可能吗？

Answer 1

我会对此有点警惕，因为MDN规范明确说明了

  

非标   此功能是非标准功能，不符合标准。不要在面向Web的生产站点上使用它：它不适用于每个用户。实现之间可能存在很大的不兼容性，并且行为可能在将来发生变化。

话虽如此，您可以使用内联元素（例如跨度）包装特定的文本行。看看：http://jsfiddle.net/jP7th/

<div>
    <span>hello</span><br/>
    <span>hi | yo | what's up</span>
</div>

CSS：

div {
    -webkit-user-select: none;
}
div span {
    -webkit-user-select: text;
}