如何使所有 Contact 7 字段大小相同？答案

【问题标题】：How to make all Contact 7 Fields the same size?如何使所有 Contact 7 字段大小相同？
【发布时间】：2017-04-26 01:19:27
【问题描述】：

我有这个site，我无法使联系表 7 中的所有字段都具有相同的大小，例如“提交”按钮。我试图插入我在某处找到的这个 CSS，但没有做任何更改。

.wpcf7-form {
max-width: 750px;
margin: auto;
}

如何使我页面中联系表单中的所有字段的高度和宽度相同？谢谢

【问题讨论】：

如果您希望字段具有相同的宽度，您需要修改 input 标签 - 或 - 创建一个具有 width: 100%; 的类并将该类添加到您的输入元素中html。有几种方法可以做到这一点。您能否提供您的 css 和 html 文件，以便我们更好地了解您拥有的内容，而不是提供指向您网站的链接？你提供的那一门课在这种情况下没有帮助。

【解决方案1】：

我在您的链接网站中看到，由于您的标签标签，它没有得到全宽。以下 css 将帮助您获得相同的宽度。

form.wpcf7-form label {
    width: 100%;
}

希望这会有所帮助。

【讨论】：