wordpress - 帮助 Wordpress 联系表单 7 与单选按钮上的输入宽度有关的问题？

Question

嗨所有的wordpressers

我想自定义联系表单 7 上单选按钮的宽度。有没有办法告诉单选按钮与 css 中的输入字段的宽度不同。

当我在输入字段上设置宽度时，我不希望它应用于单选按钮。

感谢你的帮助

问候朱迪

Answer 1

您可以在设置页面上为表单模板中的单选按钮分配一个类。然后打开 Contact Form 7 的 CSS 样式表文件，可能位于：

/wp-content/plugins/contact-form-7/stylesheet.css

并为“radio”类的输入设置css规则：

input.my_radio {
width: 140px;
}

要将类分配给单选输入或复选框输入，请使用：

[radio your-eyes-color class:my_radio "brown" "green" "blue"]

上面的代码将生成标记：

<input type="radio" name="your-eyes-color" class="my_radio" value="brown" /> brown
<input type="radio" name="your-eyes-color" class="my_radio" value="green" /> green
<input type="radio" name="your-eyes-color" class="my_radio" value="blue" /> blue

在联系表格 7 网站上了解更多信息。祝你好运！