当前位置：文江博客话题详情

帮助 WordPress 联系表格 7 单选按钮上的输入宽度问题？

发布于 2024-08-24 15:10:47 字数 137 浏览 3 评论 0原文

大家好，

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

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

您的帮助

感谢朱迪

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

感性不性感 2024-08-31 15:10:47

您可以将类别分配给设置页面上表单模板中的单选按钮。然后打开 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

了解更多信息联系 Form 7 网站。
祝你好运！

You can assign a class to the radio button in your form template on the settings page. Then open the Contact Form 7's CSS stylesheet file, possibly located at:

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

and setup css rules for the input with class "radio":

input.my_radio {
width: 140px;
}

To assign a class to radio input or to checkbox input use:

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

Above code will generate the markup:

<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

Learn more at Contact Form 7 website.
Good luck!

回复收藏 0 原文

~没有更多了~