Google Chromeでテキストエリアtextareaのサイズ変更をさせない方法

Google Chromeでは入力フォームのtextareaの大きさを変更することができます。
入力エリアが小さいときには、この機能は便利ですがサイズ変更をするとページのデザインが崩れてしまうことがあります。
HTMLで指定しているサイズは最小サイズでこれより小さくすることができませんが、大きくすることはいくらでもできます。

スポンサーリンク

テキストエリアの右下をドラックするとサイズ変更ができます。


このサイズ変更をさせないようにするにはスタイルシート(CSS)で次のような指定をします。

textarea {
  resize:none;
}

これでサイズ変更はできなくなりますが、逆にユーザビリティが悪くなることもあるので注意が必要です。

関連記事

スポンサーリンク

nice 優先順位を決めてコマンドを実行する

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る