アプリケーションでtextareaコンポーネントを使用しており、その高さを動的に制御しています。ユーザーが入力すると、十分なテキストがある場合は常に高さが増加します。これは、IE、Firefox、Safariで正常に動作します。
ただし、Safariでは、右下に「ハンドル」ツールがあり、ユーザーはクリックしてドラッグすることでテキストエリアのサイズを変更できます。私はまた、stackoverflow Ask a Questionページのtextareaでこの問題に気づきました。このツールは混乱を招き、基本的に邪魔になります。
それで、とにかくこのサイズ変更ハンドルを隠す方法はありますか？
（「ハンドル」が正しい単語かどうかはわかりませんが、もっと良い用語を考えることはできません。）
回答:
CSSでサイズ変更動作をオーバーライドできます。
textarea
{
resize: none;
}または単に
<textarea style="resize: none;">TEXT TEXT TEXT</textarea>有効なプロパティは、両方、水平、垂直、なしです。
<textarea>できないようにすることは、ユーザビリティの問題になる可能性があります。resize:vertical;多くの場合、設定の方が適しています。それはあなたのレイアウトを台無しにしてはいけません、そしてそれはユーザーにより大きなコントロール感を与えます。
次のCSSルールを使用して、すべてのTextArea要素に対してこの動作を無効にします。
textarea {
resize: none;
}一部（すべてではない）のTextArea要素に対して無効にしたい場合は、いくつかのオプションがあります（このページのおかげです）。
特定無効にするTextAreaとnameに属性セットをfoo（すなわち、<TextArea name="foo"></TextArea>）：
textarea[name=foo] {
resize: none;
}または、IDを使用します（つまり、<TextArea id="foo"></TextArea>）：
#foo {
resize: none;
}これは、TextAreaコントロールにサイズ変更ハンドルを追加するWebKitベースのブラウザー（SafariやChromeなど）にのみ関連することに注意してください。
サファリの最大高さ最大幅の機会は、Firefox 4.0（b3pre）でも機能します。ちなみにここの良い例：http : //www.alanedwardes.com/posts/safari-and-resizable-textboxes/