联系表格 7 - 鼠标悬停时验证消息消失答案

【问题标题】：Contact Form 7 - validation message disappears on mouseover联系表格 7 - 鼠标悬停时验证消息消失
【发布时间】：2017-05-10 06:46:46
【问题描述】：

我需要停止以下操作：

span.wpcf7-not-valid-tip

从鼠标悬停事件消失。

我查看了Contact Form 7 - Customizing Validation Error Messages，但没有使用相关代码加载表单。

有问题的表单有一个必需的文本区域，其他所有内容都被隐藏，不需要其他输入。

我不得不使用 CSS 来定位字段本身下方的错误消息。

当我在 Firefox 和 Chrome 中将鼠标悬停在它上面时，会出现我的错误消息。任何帮助将不胜感激

【问题讨论】：

你能添加你的问题的 HTML 原型和 CSS。从这里很难想象你的问题。
你可以通过CSS修复它.wpcf7-form-control-wrap:hover .wpcf7-not-valid-tip, .wpcf7-form-control:focus + .wpcf7-not-valid-tip { display:block !important; }
@SurudoiRyu，使用此 CSS 时问题仍然存在。它会在屏幕上停留更长时间，但是一旦 textarea 失去焦点，它仍然会从屏幕上消失，就像它设置为浮动提示样式一样 - 它不是。
@BrettCanfield 您是否通过页面/小部件上的简码调用联系表单？还是在模板的代码中？也许链接我可以看到/测试它。我将它用作具有默认联系表单模板的页面上的简码，但我没有同样的问题。
@SurudoiRyu，我使用了一个短代码，老实说相当简单的页面，那个短代码，上面没有其他内容。 Contact Form Page

【解决方案1】：

在您的自定义 CSS 中添加以下内容：

span.wpcf7-not-valid-tip {
   display: block !important;
   opacity: 1 !important;
}

这将停止隐藏和淡化消息。

【讨论】：