选择:无“和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: