WP联系表7“textarea”看起来与其他领域不同

Question

嘿，我已经被困在这一段时间了，现在似乎无法解决它我确信它很简单，我很想念！

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

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

谢谢！

Answer 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">。

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

结果