css - 联系表格 7 验证失败

Question

我在 WordPress 中使用 Contact Form 7 插件，刚刚更新到最新版本 (4.9)。如果您在未填写所有必填字段的情况下提交表单，则会发生验证错误，但是，错误消息会出现在未填写字段的顶部，并且不允许您填写。

该字段未禁用，如果我删除开发人员工具中的错误消息元素，我可以单击该字段并填写它。

Answer 1

我过去用过那个插件，从来没有遇到过任何问题。这很可能是 CSS 问题。

尝试在 style.css 文件中找到 .wpcf7-not-valid-tip 类并根据自己的喜好修改它。

以下是插件使用的默认样式:

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
}