17
Jun
2008
Selectボックスでフォントが明朝体になってしまうIEのバグ
select > option要素内に"┏"などの太い罫線記号を使うとなぜかIEでは明朝体になってしまいます。
意味がわかりません。
症状
確認した限りではIE6、IE7にて、下図のように太罫線記号を頭に入れると明朝体になります。
IEでの表示。3の倍数だけアホ(バグ)になってます。
実際にバグが発生するコード
- HTML
- <p><select name="" size="9">
- <option value="1"> ┏いっこめ</option>
- <option value="2"> ┣にこめ</option>
- <option value="3">┣さんこめ</option>
- <option value="4"> ┣よんこめ</option>
- <option value="5"> ┣ごこめ</option>
- <option value="6">┣ろっこめ</option>
- <option value="7"> ┣ななこめ</option>
- <option value="8"> ┣はっこめ</option>
- <option value="9">┣きゅうこめ</option>
- </select></p>
※select要素のsizeプロパティは特に必要ありません。
対策
3の倍数以外は、"┣"の前に全角空白が入ってます。
これだけ。
なぜか全角文字が罫線記号の前に入れると回避できるようです。
何この意味のわからない仕様っていうかバグ。さすがMS。
半角文字ではだめなようです。 等も試してみましたがだめでした。
また、直接font-familyを設定しても無効でした。
もしその他の回避策が見つかったらご一報をお願いします。
そもそも罫線記号なんかselect要素に入れるなって?
大人の事情というものがあるのですヨ…。
- Jun 17, 2008 2:21 AM
- コメント(0)
- トラックバック(0)
-
Track back
このエントリーのトラックバックURL
- Tag Cloud
-
- Actionscript
- AdSense
- Amazon
- API
- blog
- blogパーツ
- bookmarklet
- CG
- cookie
- css
- firefox
- flash
- gmail
- greasemonkey
- hack
- IE
- IE6
- IE7
- Javascript
- jQuery
- macbook
- mixi
- MT
- MT3
- MT4
- music
- opera
- RSS
- safari
- Second Life
- SEO
- Sleipnir
- tips
- tumblr
- webサービス
- webデザイン
- web制作
- xhtml
- XSS
- Yahoo
- はてな
- アイデア
- アクセス解析
- アニメ
- ウィジェット
- ウィルス
- サーバー
- セキュリティ
- ツール
- デザイン
- ニコニコ動画
- ネタ
- バグ
- フリーソフト
- プラグイン
- メディア
- ユーザビリティ
- リニューアル
- 仕事
- 便利
- 写真共有サイト
- 印刷
- 広告
- 携帯電話
- 映画
- 椎名林檎
- 検索
- 考える
- 考え方
- 裏技
- 解決法
- 雑記
- 電気グルーヴ



