Html wordpress contactform7文本区域列和行在较小屏幕中更改

我使用contactform7为wordpress站点创建了联系人表单。我想减少该表单上文本区域中的行，以获得更小的屏幕尺寸。有什么方法可以使用contactform7自己的语法吗？如果没有，我有什么选择

以下是contactform7 btw中textarea的语法

 [textarea* your-message 40x7] 

（40列，7行）

在文档中

[textarea*消息id:联系消息10x2占位符“您的消息”]

上面将生成一个cols=“10”和rows=“2”的文本区域

---

尽管这个问题已经有5年多的历史了，但它仍然经常活跃，就像我一样，我们中的许多人都在试图得到这个问题的明确答案

如果只想有一个属性，还可以为cols键入

10x

，为rows键入

x2

[textarea* your-message x3 class:form-control] <!-- only rows -->
[textarea* your-message 10x class:form-control] <!-- only columns -->
[textarea* your-message 10x3 class:form-control] <!-- both -->

[textarea* message id:message class:form-control 40x7 placeholder "Message"]

[textarea*您的消息x3类：表单控件]
[textarea*您的消息10x类：表单控件]
[textarea*您的消息10x3类：表单控件]

我能得到这份工作。我在自定义CSS中添加了以下内容：

.wpcf7-form textarea{ 
    width: 100% !important;
    height:50px;
}

---

将其添加到占位符属性之后

[textarea* your-message x3 class:form-control] <!-- only rows -->
[textarea* your-message 10x class:form-control] <!-- only columns -->
[textarea* your-message 10x3 class:form-control] <!-- both -->

[textarea* message id:message class:form-control 40x7 placeholder "Message"]

代码如下所示

[textarea id:message 0x0 class:custom-class "Insert text here"]<!-- No Rows No columns -->

[textarea id:message x2 class:custom-class "Insert text here"]<!-- Only Rows -->

[textarea id:message 12x class:custom-class "Insert text here"]<!-- Only Columns -->

[textarea id:message 10x2 class:custom-class "Insert text here"]<!-- Both Rows and Columns -->

[文本区域id:消息0x0类：自定义类“在此处插入文本”]
[textarea id:message x2 class:custom class“在此处插入文本”]
[textarea id:message 12x class:custom class“在此处插入文本”]
[textarea id:message 10x2 class:custom class“在此处插入文本”]

---

有关详细信息：

要添加列和行，请使用x，例如，您需要列=80，行=5，它将是80x5 它必须放在控件名称之后

[textarea* your-message id:your-message 80x5]

---

您可以尝试添加其他css：

.master-cf7-0 .wpcf7 textarea{height:150px;}

---

我认为这不可能通过后端实现。最简单的方法是用CSS设置高度并设置一些断点。这是我的第一个想法。但我想避开滚动条。谢谢。我用了这个jQuery插件。每当你有换行符时，它就会调整文本区域的高度：很好。谢谢非常感谢……！：）如果已经应用了CSS规则，那么这些规则将不起作用。如果您不确定您的内容是否使用CSS进行样式设置，我建议您使用CSS。不幸的是，当前文档中没有。你认为我可以同时禁用列和列吗？