Contact 7 表單上輸入框的高度

Question

我正在嘗試降低此頁面上 Contact 7 表單上“您的消息”輸入框的高度： https : //www.nycofficesuites.com/new/office-space-vertical/

我已經嘗試了以下（使用不同的高度，所以我可以看到哪個在工作）但沒有任何效果。 謝謝你的幫助。

.wpcf7-textarea {
height: 80px;
}

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

}

textarea {
   height: 30px;
}

Answer 1

嘗試減少下面這個類的最小高度

.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 的大小：

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

Answer 3

刪除.form-box textarea, .wpcf7 .wpcf7-textarea上的min-height .form-box textarea, .wpcf7 .wpcf7-textarea這會阻止您的 css height應用於textarea 。