Firefox3でメイリオを指定するとinputのsizeが倍増する

Firefox3でメイリオを指定するとinputのsizeが倍増する

Firefox3のデフォルトのフォントをメイリオに変更すると検索窓がグニョーンと伸びるよと教えていただきました。

検索窓は

<input id="search" name="search" size="20" />

といたってシンプルなコード。

フォントの指定も

font-family:sans-serif;

と非常にシンプル。

font-family:"MS Pゴシック";

などに変更すると元の長さに戻ります。

font-family:"メイリオ";

などとすると同じように伸びます。(デフォルトのフォントをMS P ゴシックに変えても伸びてます)

解決策としては

input にかかっているfont-familyを"MS Pゴシック"に変更するか、widthで明確に横幅を指定するかのようです。

というわけで、widthで固定しました。

#search{
	width:150px;
}

スポンサードリンク

«[Re:Creator's Party Kansai]クリックの操作 - jQueryによるJavaScript入門 | メイン | [Re:Creator's Party Kansai]第3回 CSSとクリックの応用 - jQueryによるJavaScript入門»