Firefox3でメイリオを指定するとinput要素の幅が倍に広がる

Firefox3だと、メイリオで表示されるように指定してあるページのinput要素が倍に伸びます。input要素のsize属性に値を指定してあっても無視され、size="3"と指定してあっても、倍のsize="6"の幅で表示されてしまいます。

回避策は、input要素にCSSで要素の幅を指定してあげればOK。

◆input要素に直接スタイルを指定する場合

<input type="text" style="width:200px" />

◆CSSで指定する場合

<style type="text/css">
input.txt { width:200px; }
</style>
<input type="text" class="txt" />