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入門»