9

ChromeやFirefoxと同じようにIEのテキストエリアにリサイザーを追加するにはどうすればよいですか？

jQuery.resizable()私にはうまくいきません。

4

2 に答える 2

19

Internet Explorer（および2016年5月5日現在のMicrosoft Edge）は、textarea要素のネイティブグリッパー/サイズ変更をサポートしていません。これらは将来的に（Microsoft Edgeで）サポートされる可能性がありますが、現時点での最善のオプションは、機能をポリフィルすることです。

これを行う多くのオプションがオンラインに存在しますが、jQueryとjQuery UIを使用している場合は、サイズ変更可能なウィジェットを使用できます。

$("textarea").resizable({
    handles: "se" // place handle only in 'south-east' of textarea
});

デフォルトでは、これによりハンドラーがテキストエリアの下に配置されます。私はこれが好きではありませんでした：

.ui-resizable-handle {
    transform: translateY(-100%);
}

ここで最終結果を見ることができます：http：//jsbin.com/rumokazepo/edit ？html、css、js、output

于 2016-05-05T19:33:07.880 に答える
-8

widthなどを定義することによってCSSでこれを解決することはできませんheight：

.resize {
     width: 100px;
     height: 100px;
 }

 <textarea class="resize"></textarea>
于 2012-08-04T11:24:19.730 に答える