[解決済み] テキストエリアのリサイズをオフにする

質問

自分のサイトでテキストエリアのサイズ変更を無効にしようとしています。現在、この方法を使用しています。

.textarea {
    clear:left;
    min-width: 267px;
    max-width: 267px;
    min-height:150px;
    max-height:150px;
}

私のやり方が正しくないことは分かっているので、JavaScriptでより良いものを探しています。私は初心者なので、最適な解決策はHTML5かjQueryになると思います。

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

リサイズを無効にするには、以下のCSSをお試しください。

すべてのtextareaのリサイズを無効にするCSSは以下のようなものです。

textarea {
    resize: none;
}

代わりに、名前によって単一のtextareaにそれを割り当てることができます（textareaのHTMLがある場所）。

textarea[name=foo] {
    resize: none;
}

またはidで（textareaのHTMLがあるところ）。

#foo {
    resize: none;
}

から引用しています。 http://www.electrictoolbox.com/disable-textarea-resizing-safari-chrome/