1. ホーム
  2. html

[解決済み】textareaのリサイズを無効にする方法は?

2022-04-13 15:37:14

質問

テキストエリアの水平方向のリサイズを無効にしたいのですが、どうすればいいですか?時々、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 を使用すると便利です。