テキストエリアのサイズ変更を無効にする方法は？

テキストエリアの水平方向のサイズ変更を無効にする必要があります。textareaで垂直方向のサイズ変更を許可したい場合があります。

お問い合わせページを作成するたびに、textareaによってデザインが見苦しくなります。

誰かが私にそれを無効にする解決策を教えてくれませんか？

あなたはcssを使うことができます

すべて無効にする

textarea { resize: none; }

垂直方向のサイズ変更のみ

textarea { resize: vertical; }

水平方向のサイズ変更のみ

textarea { resize: horizontal; } 

制限付きの垂直および水平を無効にする

textarea { resize: horizontal; max-width: 400px; min-width: 200px; }

制限付きの水平および垂直を無効にする

textarea { resize: vertical; max-height: 300px; min-height: 200px; }

min-heightあなたに役立つと思います

このようなCSSで

textarea
{
   resize: none;
}

または、垂直のみが必要な場合

textarea { resize:vertical; }

または水平

textarea { resize:horizontal; } 

または両方（あなたのケースではない）

textarea { resize:both; } 

これをCSSファイルに入れることができます：

textarea {
  resize: none;
} 

無効にhorizontalしverticalて制限あり

textarea { 
    width:100%;
    resize:vertical; 
    max-height:250px; 
    min-height:100px; 
}

以下のためにtextarea私が使用width: 500px !importantしてheight: 350px !important、ように、このCSSコードは、ユーザーのサイズ変更を防ぐため、しかし、あなたが他のタグを持っている場合は、使用する必要がありますresize: none読んで完全な説明については、このリンクを。

例えば、のためpのタグあなたが設定する必要がありますoverflowされていない値でプロパティをvisible設定してからresize、none、both、vertical、horizontal。