IE7のバグ?CSSで input[size="20"]{} を使用したら。

December 14th, 2011

IETesterやSpoon Browser Sandboxなどのテストブラウザーでしか確認していないので、本当にそうなるかどうかは分からないけど、IE7で今までにない現象が起きたのでメモしておきます。


  • とあるサイトを作成中にチェックボックス・ラジオボタン・インプットイメージの横幅が、IE7だけ異常な事に気づく。
  • IETesterのバグだと思い放置。
  • サイト完成間近で、やっぱり気になるのでSpoon Browser Sandboxで確認してみるとIETesterと同じだった。
  • 混じりっけ無しのinputタグだったので、CSSを検証してみる事に。
  • 原因判明:dt input[size="20"]{width:200px;}
  • ここの記述が原因で、横幅が異常だった。
  • なんで?って感じだけど、試しにsizeの値を変えたら直った。
  • 問題解決:dt input[size="18"]{width:200px;}

なぜこんな事が起こったのかは分からないけど、とりあえず次からは「input[size="20"]{}」は使わないでおこう。

December 14th, 2011