为什么我无法在输入框中输入输入？

Question

要复制：

• 使用Chrome版本34或最新版本的Firefox。
• 打开网站，然后点击Sign Up或Login
• 在Chrome中，点击password输入。在Firefox中，单击任何输入。

结果应该是输入似乎获得焦点，但不允许用户输入字符。

我尝试过的解决方案：

• 禁用JavaScript
• 使用z-index设置进​​行混淆（确保父元素和子元素的position不是static。

注意事项：

• 我在Chrome 33版中没有遇到此问题。
• 这种情况发生在Windows 7，Windows 8.1和Mac上。
• 在Chrome中，只有password类型的输入不起作用。只有text可以。

我真的觉得z-index和.list元素位于.drop-box下面是一个问题，但我也很困惑为什么（在Chrome中）输入类型文本可以工作，但密码不会。我一直试图看看Chrome版本33和34之间可能有什么变化，所以我可以查明问题，但到目前为止还没有运气。

有什么想法吗？

Answer 1

您有box-sizing: border-box和padding-top + padding-bottom = height。这意味着内容高度为零，因此您无法看到您键入的任何内容（但尝试正确键入更新验证）。

您应该删除这些元素上的box-sizing，或删除padding。