css - 为什么 FireFox 会卡住我在此登录表单中的输入？

Question

看看这个Fiddle .

这是我的登录页面的一部分，包含整个站点样式表。此登录表单在 Chrome 中运行良好，但在 FireFox 中，出于某种原因，它在我开始输入密码后卡住了用户名输入，并且当您从密码框中移除焦点时，它也被卡住了。

你有这样的经历吗？如果是，知道为什么吗？

---

在鲍里斯回答我的用户选择之后stylus功能现在可以完美运行，看起来像这样:

user-select()
    user-select arguments
    -webkit-user-select arguments
    -o-user-select arguments

    if arguments == 'none'
        -moz-user-select -moz-none
    else
        -moz-user-select arguments

在用法上呈现为:

用户选择无:

user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-moz-user-select: -moz-none;

用户选择文本:

user-select: text;
-webkit-user-select: text;
-o-user-select: text;
-moz-user-select: text;

Answer 1

-moz-user-select: none 表示里面没有任何东西是可选的，句号。不管里面的东西是什么样式。

如果您希望能够通过样式后代进行覆盖，您需要 -moz-user-select: -moz-none。