[解決済み】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
を使用すると便利です。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] Sublime Text 2を使ってHTMLコードを再フォーマットするにはどうしたらいいですか?
-
[解決済み] CSSだけでリンクを無効化する方法
-
[解決済み] label要素の中にinput要素を入れるべきですか?
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] HTMLとCSSによるテーブルスクロール [重複]について
-
[解決済み] WebSocketとサーバー送信型イベントの比較/EventSource
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] 入力フィールドに :before や :after 疑似要素を使用できますか?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] 親ディバイスの高さを指定せずに、子ディバイスの高さを100%にする方法は?
-
[解決済み] HTML Input="file" Accept Attribute File Type (CSV)