Firefox 中可以选择输入字段和文本区域，但没有其他内容可以选择？

Question

我需要阻止用户在我的网络应用程序 UI 中选择元素，输入字段和文本区域中的文本除外。对于 Firefox，该技术似乎是使用此 css：

* { -moz-user-select: none; }

并且效果很好（已测试 Firefox 3.5.2），只是您无法在输入字段或文本区域中进行选择。

我尝试将其划分为

div,td,span,img { -moz-user-select: none; }
input,textarea { -moz-user-select: text; }

但是，如果输入字段位于 div、td 或 span 内部，则它是不可选的。似乎 -moz-user-select 属性也适用于所有子项，无论这些子项是否覆盖该设置。除了针对特定元素将其设置为更细粒度（且烦人）的级别之外，有谁知道解决此问题的方法吗？

注意这不是出于安全目的。我很乐意让用户查看源代码或高级用户关闭此功能。但是对于具有拖放功能的 Web UI，或者只是那些应该表现得像一般应用程序而不是像文档的 Web UI，能够意外选择文本确实很奇怪。对于大多数用户来说，这种情况经常发生。

Answer 1

* { -moz-user-select: -moz-none; }
input,textarea { -moz-user-select: text; }

Answer 2

你正在为一场失败的事业而奋斗。如果我真的想从您的页面中选择文本，或者以某种方式获取它，我会的。

不过，关于你的问题。尝试在末尾添加 !important ，这样它看起来像这样：

div,td,span,img { -moz-user-select: none; }
input,textarea { -moz-user-select: text !important; }