选择:无“和Firefox中的奇怪行为

我试图阻止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浏览器中工作得很好


更换

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

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

-moz-user-select属性的说明指出-moz-none表示不能选择元素和子元素的文本,但可以使用-moz-user-select: text;在子元素上启用-moz-user-select: text;


Mozilla通知以下关于none财产:

元素和子元素的文本将显示为不能被选中。 然而任何使用选择将包含这些元素。

阅读-moz-user-select。


你可能想尝试onmousedown="return false" ,如果你不想要cursor:的选择或指针,你可以改变cursor:

链接地址: http://www.djcxy.com/p/7103.html

上一篇: select: none" and strange behaviour in Firefox

下一篇: Making PUT create request idempotent in REST API