如何在联系表单7提交按钮上添加多个类

Posted 2023-03-05

【中文标题】如何在联系表单7提交按钮上添加多个类

【英文标题】：How to multiple class add on contact form 7 submit button

【发布时间】：2017-07-20 12:26:27

【问题描述】：

当我添加引导按钮类时，比如..

[submit class:btn btn-main btn-lg "Send"]

在浏览器上我看到它只显示一个类添加。

<input class="wpcf7-form-control wpcf7-submit btn" >

我需要其他 2 类添加也帮助我..

【参考方案1】：

如果我没记错的话，你需要给每一个添加class属性。

试试这个：

[submit class:btn class:btn-main class:btn-lg "Send"]

【讨论】：

多余的空格会破坏代码："class: btn-main"

但不删除默认类。怎么办？

它添加了wpcf7-submit 而不是submit，知道如何修复它吗？

【参考方案2】：

CF7 也曾经有过 bug：如果你在“Send”之后加上“class:”，则什么都不会添加。

【讨论】：

2018-07-18最新版还是有这个问题。

错误或功能，但现在是真的。不过，应该是评论，而不是回答。

【参考方案3】：

刚刚还发现，如果您将类放在占位符之后，由于某种原因它不起作用，但把它放在前面却可以：

[text* your-name class:ast-col-xs-12 class:ast-col-sm-12 class:ast-col-md-6 class:ast-col-lg-6 placeholder "e.g. Joe Bloggs"]