"user-select:none"和Firefox中的奇怪行为

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属性规定,-moz-none意味着元素和子元素的文本不能被选择,但选择可以上的子元件使用被使能-moz-user-select: text;