Question

我正在尝试阻止Firefox中的某些文本突出显示，但不是页面上的所有元素。请考虑以下事项：

<div style="-moz-user-select: none;">
I cannot be highlighted
    <div  style="-moz-user-select: text;">
    I should be highlightable, but am not.
    </div>
</div>

据我所知，使用上面的css规则，内部div的文本应该是可突出的。然而，这似乎不起作用。实际上，没有任何文字可以突出显示。

我想知道我做错了什么？如果没有，有没有人知道这种情况的解决方法？

谢谢！

ps我应该使用备用...

添加

-webkit-user-select: none;

...在上面的示例中，在webkit浏览器中运行良好

Answer 1

替换

<div style="-moz-user-select: none;">

与

<div style="-moz-user-select: -moz-none;">

-moz-user-select属性的description表示-moz-none表示无法选择元素和子元素的文本，但可以使用{在子元素上启用选择{1}}

Answer 2

Mozilla通知以下none属性：

元素和子元素的文本将显示为它们无法选择。任何使用然而，选择将包含这些元件。

阅读-moz-user-select。

Answer 3

您可能想尝试onmousedown="return false"，如果您不希望选择或指针位于cursor:

，您可以更改光标

“user-select：none”和Firefox中的奇怪行为

3 个答案: