Question

我在定位网站的不同联系方式时遇到问题。我试图从开发工具中获取唯一的联系方式ID。它不适用于textarea字段，我打算更改其width和border属性。这会影响其他页面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%;
}

Answer 1

您刚刚在这里犯了一个简单的错误。

您正在使用的选择器是ID。

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

请更改。从＃开始，以便您可以选择唯一的ID

Answer 2

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

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

不同cf7中的textarea大小

2 个答案: