Contact Form 7 文本区域样式

Question

社区，

我已经搜索过此问题的解决方案，但找不到任何可以帮助我解决此问题的方法。

我的 WordPress 页面上的文本区域总是比我的其他两个字段长几个像素，我只想让它们正确对齐。

我附上了截图，这是 link - 它是页脚区域中的表格

http://relaunch.lieblingsbilder.net/

有人可以帮助我吗？为什么只有文本区域大小不正确？

感谢您的帮助！

编辑： CF7代码：

    <label for="" class="">[text* your-name placeholder "Dein Name*"]</label>        <br />
    <br />
    <label for="" class="">[email* your-email placeholder "E-Mail-Adresse*"]</label>        <br />
    <br />
    <label for="your-message" class="">[textarea your-message x4 placeholder "Deine Nachricht"]</label><br />

    <center>[submit "Senden"]</center>
    <div class="indicates-required"><span class="asterisk">*</span> Pflichtfeld</div>

Answer 1

问题出在 cols="40" 中 textarea。要覆盖它，只需将下面的 css 代码放入您的自定义 css 文件中。

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="password"],
.wpcf7 textarea {
  width: 100%
}

我希望这会奏效

Contact Form 7 文本区域样式

Contact Form 7 Textarea styling

html

css

contact-form-7