联系表格 7“发送”按钮丢失答案

【问题标题】：Contact Form 7 "Send" button missing联系表格 7“发送”按钮丢失
【发布时间】：2017-09-05 22:01:37
【问题描述】：

在我的 wordpress 主题 (Grotte) 中，WooCommerce 和 Contact Form 7 的 CSS 存在冲突。联系表 7 中的“发送”按钮未显示，我不知何故无法解决此问题。它显示了我是否停用了 WooCommerce。有什么建议吗？

您可以看到此处未显示“发送”按钮： https://chinaproductsfactory.com/contact-us/

【问题讨论】：

CSS 确实隐藏了按钮。但是我建议这样可以使用 JavaScript 隐藏按钮，直到满足特定条件，一旦完成，JS 将更改 css 以显示发送按钮。 Firebug（任何有自尊的开发者都应该使用）也告诉我你有一些 JS 问题。这些可能与问题有关。我建议禁用所有其他插件，清除浏览器缓存，然后查看表单是否按预期工作。

【解决方案1】：

在任何现代浏览器中使用开发人员工具很容易弄清楚这一点。您在其中一个 CSS 文件中有以下代码：

#respond input#submit, .wpcf7-submit {
  display: none !important;
}

删除它，或者至少删除 .wpcf7-submit 部分，将使其显示。

【讨论】：