0

stackoverflow で少し言及されている テキストエリア エキスパンダー jquery プラグインがあります: http://blogs.sitepointstatic.com/examples/tech/textarea-expander/index.html

これはすべてのブラウザでうまく機能しますが、テキストエリアの上部/下部にパディングがないため、見栄えが悪くなります。したがって、簡単な解決策 (私が考えた) は、この行をコメントアウトするか、たとえば 0 を 10 に変更することでした。

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

Firefox では問題なく動作しますが、Chrome と Safari では動作しません。入力する文字ごとに、テキストエリアが最大の高さに達するまで拡大します。使用するパディングが多いほど、拡張します

これを webkit ブラウザーでのみ補正し、設定された高さから padding-top+bottom を削除することを考えていましたが、方法がわかりません。

他のプラグインをいくつか試しましたが、どちらもうまく機能しませんでした。パディングの問題を除けば、これが最も安定しているようです。

これをうまく見せることに成功した人はいますか?

4

2 に答える 2

1

代わりにこのプラグインを試すことができます

で動作する例がここ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 に答える