css 发生ERROR时Contact-Form 7元素的背景

gk7wooem 于 2023-08-08 发布在其他

关注(0)|答案(1)|浏览(105)

我在网上搜索了一个星期以来的一个合适的答案...是时候问你了，伙计们！我正在使用Contact Form 7（w“Conditional Fields for CF 7”plugin），我正试图在CSS中调整它的外观。
这就是我的问题所在当存在与提交有关的错误时（例如，如果没有填写某些必填字段（例如，某些必填字段没有填写），CF 7将切换到“错误模式”，并根据主题的调色板更改错误填写表单的背景颜色。但是这会造成一个奇怪的情况，表单的背景颜色和单个表单元素的背景颜色是相同的！当在移动终端上填写表单时，这尤其令人不安。
有人可以帮助我如何在CSS中设置元素的背景颜色，以防任何填写错误吗？
谢谢，Adamx 1c 0d1x

css

来源：https://stackoverflow.com/questions/76858986/contact-form7-elements-background-when-error-occurs

1条答案

按热度按时间

g6ll5ycj1#

要在Contact Form 7中提交错误时更改表单元素的背景颜色，您可以将自定义CSS添加到WordPress主题。

.wpcf7-not-valid input[type="text"],
.wpcf7-not-valid input[type="email"],
.wpcf7-not-valid textarea {
    background-color: #f8d7da; /* Change this to your desired background color */
}

字符串
我已经使用了.wpcf7-not-valid类来定位有验证错误的表单元素。然后，我使用CSS选择器来定位特定的输入类型，如文本，电子邮件和文本区域。您可以调整背景颜色值（本例中为#f8d7da）以匹配所需的颜色。

赞(0）回复(0）举报 2023-08-08

我来回答

css 发生ERROR时Contact-Form 7元素的背景

1条答案

相关问题

热门标签

最新问答