0

有一个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,但我不知道如何做。

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

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

4

2 回答 2

1

You could try this plugin instead

There is an example here of it working with padding.

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

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

html

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

css

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

演示:小提琴演示

于 2012-11-08T12:36:23.010 回答