使用 css 样式增长的 Jquery textarea答案

【问题标题】：Jquery textarea growing with css style使用 css 样式增长的 Jquery textarea
【发布时间】：2013-08-16 16:25:11
【问题描述】：

我需要制作自动增长的文本区域。这就是我所拥有的：http://jsfiddle.net/EkpVn/1/

CSS：

#contact form textarea {
display: block;
margin: 16px 0 0 0;
padding: 0;
color: #084a94;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
line-height: 22px;
width: 345px;
border: none;
border-bottom: 1px solid #122266;
resize: none;
height: 25px;
}

JS：

$(function() {
   $('.message_autogrow').autogrow();
});

自动生长的最终外观应如下所示：

这对我不起作用，如何正确操作？

【问题讨论】：

你没有包含库文件...

标签： jquery autogrow

【解决方案1】：

只需要正确包含和使用JQuery Autosize plugin，然后在你的元素上调用它：

$(function() {
   $('.message_autogrow').autosize();
});

演示JSFiddle here

【讨论】：

谢谢，但我也有那个边框底部的问题，他应该在每个新行中扩展，就像在图像中一样，怎么做？
@baitas212123 This post 有一些很好的建议。如果您不想使用图像，我认为您也可以使用纯 CSS 背景来做到这一点。
我需要用 CSS 做到这一点，但我不认为它可以用 CSS（像我这样的背景）

【解决方案2】：

我在jsFiddle中添加了库的代码，方法调用其实是autoGrow();大写G。

$(function() {
   $('#message').autoGrow();
});

http://jsfiddle.net/EkpVn/2/

【讨论】：