WP 联系表 7“textarea”看起来与其他字段不同答案

【问题标题】：WP contact form 7 "textarea" looks different from other fieldsWP 联系表 7“textarea”看起来与其他字段不同
【发布时间】：2015-08-21 01:47:00
【问题描述】：

嘿，我已经在这个问题上停留了一段时间，现在似乎无法修复它我确定它是我缺少的一些简单的东西！

我正在使用 Meetup 主题在 WP 中编辑我的网站，并且在“提名”部分中，除了“textarea”之外，所有字段看起来都相似，有人知道如何解决这个问题吗？？

网站 - http://www.tedxtlvu.com/

谢谢！

【问题讨论】：

标签： html css wordpress web contact

【解决方案1】：

没有为 textarea 定义 CSS，将其添加到您的自定义样式 css 中

div.wpcf7 textarea {
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    background: rgba(200,200,200,0.3);
    border: none;
    border-radius: 25px;
    font-size: 14px;
    padding: 12px;
    padding-left: 24px;
    width: 100%;
    height: 100%;
}

如果您希望 textarea 覆盖整个宽度，请将 <div class="col-sm-6"> 更改为 <div class="col-sm-12">。

【讨论】：

【解决方案2】：

尝试在以下代码中添加textarea：

你只需要在之前代码所在的css属性中添加textarea -

input[type="text"], input[type="email"], input[type="tel"], .register .select-holder{
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  background: rgba(200,200,200,0.3);
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 32px;
  max-width: 90%;
  padding: 12px;
  padding-left: 24px;
}

所以修改后的代码会是

textarea, input[type="text"], input[type="email"], input[type="tel"], .register .select-holder{
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
  background: rgba(200,200,200,0.3);
  border: none;
  border-radius: 25px;
  color: #fff;
  font-size: 14px;
  margin-bottom: 32px;
  max-width: 90%;
  padding: 12px;
  padding-left: 24px;
}

结果

【讨论】：