[解決済み] Safariでテキストエリアのリサイズハンドルを非表示にする

質問

アプリケーションでtextareaコンポーネントを使用しており、その高さを動的に制御しています。ユーザーが入力すると、十分なテキストがあるときはいつでも高さが増加します。これは、IE、Firefox、および Safari で正常に動作します。

しかし、Safari では、右下にハンドル ツールがあり、クリック アンド ドラッグでテキスト領域のサイズを変更することができます。この問題は、stackoverflow の質問ページにおける textarea でも発生しました。このツールは紛らわしく、基本的に邪魔になります。

そこで、このリサイズ ハンドルを隠す方法はあるでしょうか。

("ハンドル"という言葉が適切かどうかわかりませんが、他に良い言葉が思いつきません)。

どのように解決するのですか？

CSSでリサイズの挙動を上書きすることができます。

textarea
{
   resize: none;
}

または単に

<textarea style="resize: none;">TEXT TEXT TEXT</textarea>

有効なプロパティは、both、horizontal、vertical、noneです。