不同cf7中的textarea大小答案

【问题标题】：textarea sizing in different cf7不同cf7中的textarea大小
【发布时间】：2019-03-15 07:01:12
【问题描述】：

我在定位我网站的不同联系表单时遇到问题。我试图从开发工具中获取唯一的联系表单 ID。它不适用于我要更改其宽度和边框属性的 textarea 字段.它会影响我在其他页面中的其他联系表格http://canadaimmigrationconsultant.org/canada-express-entry-system/。

我对此链接进行了更改http://canadaimmigrationconsultant.org/contact-us/

.wpcf7-f2874-p1465-o1 .wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=text],
.wpcf7 input[type=text],
.wpcf7-select {
  font-size:12px;
  border: 1px solid orange;
  background:#ffffff;
}
.wpcf7-f2874-p1465-o1 .wpcf7textarea {
  border:1px solid orange;
  background:#ffffff;
  width:220%;
}

【问题讨论】：

标签： css wordpress contact-form-7

【解决方案1】：

你刚刚犯了一个简单的错误......

您使用的选择器是 id..

#wpcf7-f2874-p1465-o1 textarea{
height: 100px;
}

请更改 .从 # 开始，以便您可以选择唯一 ID

【讨论】：

感谢您的回复。但 ID 选择器不适用于联系表单 7。

【解决方案2】：

您可以为所有联系表单添加不同的 ID。像这样[contact-form-7 id="53" title="Contact form 1" html_id="formID"]。

使用此表单 ID，您可以将 CSS 赋予您的表单 textarea。

【讨论】：