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