ExtJSベースのアプリケーションに問題がありますが、問題がExtJS固有のものであるとは思いません(間違っている可能性がありますが、そうではないと思います)。
問題は、私が次のようなユニバーサルセレクターを持っていることです。
* {
font-family : arial;
font-size : 10pt;
font-weight : bold;
}
後で、Firebugに見られるように、いくつかのマークアップ(ExtJSによって生成された)があります。
<td class="x-date-active" title="">
<a tabindex="1" class="x-date-date" hidefocus="on" href="#">
<em>
<span>20</span>
</em>
</a>
</td>
これは、カレンダーウィジェットの日付の1つです。今、私が抱えている問題は、内のテストでフォントサイズを調整する必要があるということです。そこで、次のように、x-date-activeクラスとx-date-dateクラスの両方をオーバーライドしてみました。
.x-date-active {font-family:arial; フォントサイズ:8pt; 色:#ff0000; }
x-date-dateクラスの同じコンテンツ。赤い色が効いているので、正しいスタイルをターゲットにしていることがわかります。ただし、フォントサイズは有効にならず、ユニバーサルセレクターで指定されたサイズが継続されます。これはIE6でのみ発生し、Firefoxでは期待どおりに機能します。font-size属性に!importantを追加しようとしましたが、それは役に立ちません。
IEのフォントサイズに関して、ユニバーサルセレクターをオーバーライドする問題はありますか?私は約2時間グーグルで無駄に過ごしました。どんな助けでもいただければ幸いです!