Redéfinition niveau Tag CSS externe d'un contrôle Flex

Question

J'ai un fichier CSS externe qui définit le style de la balise Bouton.

Button {fontSize 11;  blah...}

Je suis en train de passer outre ce style pour les boutons d'un ToggleButtonBar:

<mx:ToggleButtonBar dataProvider="{pm.portalNavigation}" fontSize="16" />

Malheureusement, cela ne semble pas fonctionner. Le fontSize reste à 11. Comment puis-je remplacer le CSS externe pour redimensionner les boutons dans mon ButtonBar?

Merci!

Answer 1

vous devez définir la propriété buttonStyleName, donc

<mx:ToggleButtonBar buttonStyleName="myButtonStyle">...</mx:ToggleButtonBar>

.myButtonStyle{
   font-size: 16;
}

Answer 2

Juste une supposition de la documentation Flex ...

<mx:ToggleButtonBar dataProvider="{pm.portalNavigation}" styleDeclaration="font-size:16pt !important" />