用户选择多个元素的中断

Question

我想禁用特定元素的文本选择。例如：

p {
    -moz-user-select: none
}

span {
    -moz-user-select: text
}

<div>
    <p>first paragraph</p>
    <span>first span</span>
    <p>second paragraph</p>
    <span>second span</span>
</div>       

第一段和第二段不能单独选择。但是，如果我选择第一个跨度并向下拖动以选择第二个跨度，则在该过程中将选择第二个段落。我想阻止它（它在WebKit中按预期运行）。

我正在使用Firefox 14.0.1。 JSFiddle供参考：http://jsfiddle.net/GFNDY/

Answer 1

由于选择仅“显然”包括<p>（例如，如果您复制，只有非<p>标签保存在剪贴板中），那么您需要做的就是制作确定浏览器没有为它着色;这可以通过使用CSS ::selection说明符（Mozilla的::-moz-selection）覆盖默认选择样式来完成。

所以CSS会有类似的东西：

p::-moz-selection {
    background: transparent;
    color: #000000;
}

以下是您的演示的修改版本，其行为符合预期：Link。希望以任何方式帮助您！