Question

有一个 textarea扩展器jquery插件，在stackoverflow上有一点提到： http://blogs.sitepointstatic.com/examples/tech/textarea-expander/index.html

这适用于所有浏览器，但是，textarea中的顶部/底部没有填充，这使它看起来很丑陋。所以简单的解决方案（我认为）是注释掉这一行，或者将0改为10，例如：

$(this).css("padding-top", 0).css("padding-bottom", 0);

它在Firefox中仍然可以正常工作，但在Chrome和Safari中，它没有。对于我输入的每个字符，textarea会扩展直到达到最大高度。我使用的填充越多，它扩展得越多

我想也许只能在webkit浏览器中补偿这一点，并从它设置的高度移除padding-top + bottom，但我不知道如何。

我尝试了其他一些插件，但它们也没有很好用，所以这似乎是最稳定的插件，除了填充问题。

有没有人成功地让这个看起来很好？

Answer 1

您可以尝试使用this plugin

有一个示例here与padding一起使用。

Answer 2

使用Bootstrap代码。这里都是默认的css代码。它减少了你的工作。在这里你可以设置高度和宽度，无论你想要什么。

HTML

 <textarea class='autogrow'></textarea>

CSS

textarea {
height: 200px;
width: 200px;
}