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

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

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


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

textarea {
  resize:none;
}

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

関連記事

スポンサーリンク

Android Maps API Keyを取得する方法 Google Mapsを利用する

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

上に戻る