2011年7月25日月曜日

ChromeやFireFoxでtextareaのtextareaリサイズの制御

Chrome/FireFox/Safariではテキストエリアのリサイズ機能が標準で備わっています。
入力エリアが狭いなと思うときは非常に便利ですが開発側から見るとレイアウトが崩れたりして嫌な場合もあります。
これは、CSSのresizeプロパティで制御することが可能です。
textarea {
    resize: none;
}
これだけでリサイズ機能を無効にすることができます。

他にも縦だけリサイズや横だけリサイズ、あとはリサイズの高さ・幅なんかも指定することができます。
【縦だけリサイズ】


【横だけリサイズ】


【高さ・幅指定】

0 件のコメント:

コメントを投稿