チェックボックスにチェック＞＞文字サイズが小さく…

質問

原因がわからなくって困っております。

IE８でチェックボックスにチェック入れると　その横のテキスト文字サイズが小さくなるのです。

いろいろ調べてみてるのですが、よくわからず

ここに近いのかな？ともおもったのですが、ちょっとちがうかなと思い
（これってIE8の不具合なんじゃね・・・？文字の大きさが勝手に変化するよ？）
http://freesoft.tvbok.com/sonota/ie8-fontsize.html

実際にその現象が起こるページを下記URLにアップしております。
http://www23.atpages.jp/~ebeband/test/
（たちつてとの横のチェックボックスにチェックをいれてみてください。）

CSSもHTMLにいれておりますので、ソースを参考にしてみてください。

どうか解決方法おしえていただけないでしょうか？

どうぞよろしくお願いいたします。

回答No.3

noname#163110 · ベストアンサー

font-familyを指定するとうまくいくかもしれません。
指定方法は「UTF-8　IEのフォント」で検索してみてください。

お礼

わざわざ再度調べていただきまして、大変ありがとうございます。

テストしてみたところ、うまく動きました！
IEには毎度手こずらされてしまいます。。。

これからも役立つ情報なので、活用させていただきます。

本当にありがとうございました。

回答No.2

noname#163110

紹介されているサイトでもフォントの大きさとかでエラーになっているみたいですし

ちなみにCSSの.box labelに
font-size:20px;から9pxまで入れてみましたが
10pxのときに不具合がでました。(IETesterにて)
なので11pxとか9pxにすればいいのではないでしょうか？
（原因はわからないのですがｗフォントサイズをチェックしてみてください。）

お礼

細かく調べていただきましてありがとうございます。

10pxのフォントサイズが一番収まりが良かったのですけど、
不具合の出ないフォントサイズでの調整も検討してみたいと思います。

回答No.1

think49

HTML + CSS のみにしても再現するので JavaScript 起因ではなさそうですね。(Windows XP SP3 + IE8 で再現することを確認)
http://jsfiddle.net/Bhwrc/2/
CSS全削除で再現しなくなりました。
http://jsfiddle.net/Bhwrc/

補足

調べていただきましてありがとうございます。

申し訳ないのですが、
実際はもっと項目が多く、
文字サイズなどは調整したいので
出来ればCSSは使いたいと思っています。

何か良い案がございましたら、よろしくお願いいたします。