HTML 输入字段在 Firefox 中不起作用

Question

我的登录表单在 FIREFOX 上不工作。您只是不能在字段内写入(或者至少它看起来像那样)。

在 Chrome 中一切正常，在 IE 中也是如此，只要 IE 允许。

这是我的 fiddle : http://jsfiddle.net/W39EA/6/

我已经调试过了，发现在 Firefox 中导致错误的行是这些:

  .access .form-control {
     padding: 21px 15px;
     margin: 10px 0px; 
  }

它们位于 fiddle 的最底部。

如果我删除它们，Firefox 会再次运行。但我实际上需要它们为我的输入字段添加必要的填充。

有人对解决这个问题有什么建议吗？

Answer 1

这是因为您在输入字段上填充了太多内容。您可以只设置输入字段的高度，然后只添加一点顶部和底部填充。 -

如果将输入 CSS 更改为:

.access .form-control {
    padding: 5px 15px;
    margin: 10px 0px; 
    height:40px;
}

这应该可以解决问题 - jsfiddle.net/W39EA/7