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

Question

复制：

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

结果应该是 input 看起来获得了焦点，但不允许用户输入字符。

我尝试过的解决方案：

• 禁用 JavaScript
• 与搞乱z-index设置（确保父和子元素有一个position比其他static。

注意事项：

• 我在 Chrome 33 版中没有这个问题。
• 这发生在 Windows 7、Windows 8.1 和 Mac 上。
• 在 Chrome 中，只有 type 的输入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.