J'ai un problème dans une application basée sur ExtJS, cependant, je ne crois pas que le problème soit spécifique à ExtJS (je peux me tromper, mais je ne pense pas).Comment remplacer la taille de police du sélecteur universel dans IE6
Le problème est que j'ai un sélecteur universel comme ceci:
* {
font-family : arial;
font-size : 10pt;
font-weight : bold;
}
Plus tard, j'ai quelques balises (généré par ExtJS) comme on le voit dans Firebug:
<td class="x-date-active" title="">
<a tabindex="1" class="x-date-date" hidefocus="on" href="#">
<em>
<span>20</span>
</em>
</a>
</td>
C'est l'un des les dates sur un widget de calendrier. Maintenant, le problème que j'ai est que j'ai besoin d'ajuster la taille de la police sur le test à l'intérieur. Ainsi, j'ai essayé de surcharger les classes x-date-active et x-date-date, comme suit:
.x-date-active { font-family: arial; police-taille: 8pt; couleur: # ff0000; }
Même contenu pour la classe x-date-date. La couleur rouge fonctionne, donc je sais que je vise le style correct. Cependant, la taille de la police NE prend PAS effet, la taille spécifiée dans le sélecteur universel continue. Cela se produit uniquement dans IE6, cela fonctionne comme prévu dans Firefox. J'ai essayé d'ajouter! Important à l'attribut font-size, mais cela n'aide pas.
Existe-t-il un problème de remplacement d'un sélecteur universel dans la mesure où les tailles de police vont dans IE? J'ai passé environ deux heures Googling en vain. Toute aide serait appréciée!
Merci Phil, qui ne fait travailler ... et je sais que vous avez raison sur le sélecteur universel, mais c'est un projet plus ancien avec beaucoup de "legs" (ahem) pour soutenir ... plus de travail que je veux prendre pour se débarrasser du sélecteur, mais avec le Override de travail, je suis bon à faire. Merci! –