のサイズ変更可能なプロパティを無効にしたいですtextarea。
現在、textareaの右下隅をクリックしてtextareaマウスをドラッグすることでサイズを変更できます。 これを無効にするにはどうすればよいでしょうか?
ベストアンサー1
次のCSSルールは、サイズ変更の動作を無効にします。textarea要素:
textarea {
resize: none;
}
一部の（すべてではない）のを無効にするにはtextarea、いくつかの選択肢。
classタグ内で属性を使用できます( <textarea class="textarea1">):
.textarea1 {
resize: none;
}
textarea属性nameを に設定して特定の を無効にするにはfoo(つまり、<textarea name="foo"></textarea>):
textarea[name=foo] {
resize: none;
}
または、id属性（つまり、<textarea id="foo"></textarea>）を使用します。
#foo {
resize: none;
}
のW3C ページサイズ変更の制限として可能な値（なし、両方、水平、垂直、継承）をリストします。
textarea {
resize: vertical; /* user can resize vertically, but width is fixed */
}
きちんとしたレビュー互換性ページ現在この機能をサポートしているブラウザを確認するには、Jon Hulkaがコメントしているように、寸法はさらに抑制されたCSS では、max-width、max-height、min-width、min-height を使用します。
知っておくべき非常に重要なこと:
このプロパティは、overflow プロパティが visible 以外 (ほとんどの要素のデフォルト) に設定されていない限り、何も行いません。したがって、通常、これを使用するには、overflow: scroll; のように設定する必要があります。