Firefox4のテキストエリア

Firefox4にバージョンアップした際に、htmlのコーディングで影響があったのはテキストエリアぐらいでした。

Safariやクロームと同じく右下端のアイコンを引っ張るとテキストエリアが縦横無尽に伸びます。

これを防ぐ方法は、textareaに「width: 250px;」、「height: 100px;」とCSSで指定していた場合、「max-width: 250px;」、「min-width: 250px;」、 「max-height: 100px;」、「min-height: 100px;」と通常時の幅や高さと同じ値の「max-width」、「min-width」、「max-height」、「min-height」を指定してやると伸縮を防ぐことができます。