WP contact form 7 "textarea“看起来与其他字段不同

Question

嘿，我已经被困在这个问题上有一段时间了，现在似乎无法修复它，我确定我错过了一些简单的东西！

我正在编辑我的网站在可湿性粉剂与Meetup主题和在“提名”部分，所有的领域看起来很相似，除了“文本区”谁知道如何解决这个问题？

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

谢谢!

Answer 1

没有为文本区域定义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%;
}

如果想让文本区域覆盖整个宽度，请将<div class="col-sm-6">更改为<div class="col-sm-12">。

Answer 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;
}

结果

​

​