我的magento联系我们表单适用于chrome，但不允许您键入其他浏览器

Question

几个小时前我遇到了这个非常奇怪的问题。我有这个Magento网站：http://www.naturalvitaminc.com/index.php/contacts并且该页面上的联系表单似乎没有正常工作。在Google Chrome上，它可以完美地让您根据需要输入信息并正确提交。但是当你在任何其他浏览器上访问它时，除了comments字段之外，你不能在任何字段中输入任何内容。所以我希望有人可以看看它，让我知道可能发生的事情以及针对这个问题的任何可能的解决方案。

Answer 1

您可以输入任何浏览器，但由于CSS样式，文本会被隐藏。我不是CSS的专家，但我发现在你的情况下box-sizing: border-box可以在Chrome和其他浏览器中以不同的方式运行。由于输入字段太小，您无法看到输入的任何文本。

我认为你应该摆脱盒子大小。转到 local.css，第346行。并从

更改它

.col2-set .col-1 .form-list input.input-text, .col2-set .col-1 .form-list textarea {
  box-sizing: border-box;
  padding: 13px 4px;
}

到

.col2-set .col-1 .form-list input.input-text, .col2-set .col-1 .form-list textarea {
  padding: 4px;
}

此外，您可能还需要更改这些字段的宽度。