Contact 7 表单输入框的高度

Question

我正在尝试降低此页面上 Contact 7 表单中 "Your Message" 输入框的高度：https://www.nycofficesuites.com/new/office-space-vertical/

我尝试了以下方法（使用不同的高度，以便我可以看到哪个有效）但没有任何效果。谢谢你的帮助。

.wpcf7-textarea {
height: 80px;
}

.wpcf7 input[type=text] {
height:10px !important;

}

textarea {
   height: 30px;
}

Answer 1

尝试将此 class 的最小高度降低到低于

.form-box textarea, .wpcf7 .wpcf7-textarea {
    border: medium none;
    display: block;
    min-height: 97px; //REDUCE THIS
    padding: 12px 10px;
    width: 96.6%;
}

Answer 2

您的 min-height 推翻了您的身高定义。除了高度之外，您还需要减小最小高度：

min-height: 30px;
height: 30px;

Answer 3

删除 .form-box textarea, .wpcf7 .wpcf7-textarea 上的 min-height 这会阻止将 css height 应用于 textarea。