我使用 Wordpress 插件联系表格7到我的表格 . 如何将错误类调整为输入标记 .

我现在有

<div class="row">
<div class="group">
[email* email placeholder "e-mail *"]
</div>
</div>

<div class="_row">
<div class="group group--checkbox">
[acceptance accept1 id:accept1]<label for="accept1">Accept terms *</label>
</div>
</div>

[submit class:ipb-btn class:ipb-btn--primary-solid "Submit"]

这将我的输入包装到标签中,所以我使用过滤器:

add_filter('wpcf7_form_elements', function($content) {

    $content = preg_replace('/<(span).*?class="\s*(?:.*\s)?wpcf7-form-control-wrap(?:\s[^"]+)?\s*"[^\>]*>(.*)<\/\1>/i', '\2', $content);

    return $content;
});

我的联系表单现在呈现HTML,如下所示:

<div class="row">
<div class="group">
<input type="email" name="email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" placeholder="e-mail *">
</div>
</div>
<div class="row">
<div class="group group--checkbox">
<input type="checkbox" name="accept1" value="1" class="wpcf7-form-control wpcf7-acceptance " id="accept1" aria-invalid="false"><label for="accept1">Accept terms *</label>
</div>
</div>
<input type="submit" value="Submit" class="wpcf7-form-control wpcf7-submit"><span class="ajax-loader"></span>
<div class="wpcf7-response-output wpcf7-display-none"></div>

但是如何在我的输入中添加无效的类来重新定位它无效?

我使用filter wpcf7_form_elements 删除span - 我有自定义复选框字段( :before 元素),我有 css input[type="checkbox"]:checked + label {my-css}

当我有span元素时,它会像这样渲染:

<span>
<input type="checkbox">
</span>
<label>test</label>

所以我不能使用css输入标签{}

知道我该怎么办?