html - 为什么我无法在输入框中输入内容？

Question

复制:

• 使用 Chrome 版本 34 或最新版本的 Firefox。
• 打开网站并点击注册或登录
• 在 Chrome 中，点击密码输入。在 Firefox 中，单击任意输入。

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

我尝试过的解决方案:

• 禁用 JavaScript
• 搞乱 z-index 设置(确保父元素和子元素的 position 不是 static)。

注意事项:

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

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

有什么想法吗？

Answer 1

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

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