jquery - jQuery Textarea-Expander 插件（我需要填充）

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 中却不行。对于我输入的每个字符，文本区域都会扩展，直到达到最大高度。我使用的填充越多，它扩展得越多

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

我尝试了其他一些插件，但它们也不能很好地工作，所以这似乎是最稳定的一个，除了填充问题。

有没有人成功让这个看起来不错？

score 1 · Accepted Answer

1

You could try this plugin instead

There is an example here of it working with padding.

于 2012-11-08T11:17:46.750 回答

score 1 · Accepted Answer

使用引导代码。这里都是默认的css代码。它减少了你的工作。在这里，您可以随意设置高度和宽度。

html

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

css

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

2 回答 2