html - テキストエリアのサイズ変更をオフにする

Question

サイトでテキストエリアのサイズ変更をオフにしようとしています。現在、私はこの方法を使用しています：

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

私の方法が正しくないことはわかっており、JavaScript でより良い方法を探しています。私は初心者なので、最適なソリューションは HTML5 または jQuery です。

Answer 1

このCSSを試して、サイズ変更を無効にしてください

すべてのテキスト領域のサイズ変更を無効にするCSSは、次のようになります。

textarea {
    resize: none;
}

代わりに、名前で単一のテキストエリアに割り当てることができます（テキストエリアのHTMLは）：

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

またはid（textarea HTMLは）：

#foo {
    resize: none;
}

取得元： http ：//www.electrictoolbox.com/disable-textarea-resizing-safari-chrome/

Answer 2

これはあなたの仕事をします

  textarea{
        resize:none;
    }

Answer 3

//CSS:
.textarea {
    resize: none;
    min-width: //-> Integer number of pixels
    min-height: //-> Integer number of pixels
    max-width: //-> min-width
    max-height: //-> min-height
}

上記のコードはほとんどのブラウザで動作します

//HTML:
<textarea id='textarea' draggable='false'></textarea>

最大数のブラウザで動作するように両方を行います

Answer 4

html draggable 属性を使用するだけで簡単に実行できます

<textarea name="mytextarea" draggable="false"></textarea>

デフォルト値は true です。