Anulación de nivel Tag CSS externo de un control de Flex

Question

Tengo un archivo CSS externo que define el estilo de la etiqueta del botón.

Button {fontSize 11;  blah...}

Estoy tratando de anular este estilo para los botones de un ToggleButtonBar:

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

Por desgracia, esto no parece funcionar. El fontSize se queda en 11. ¿Cómo puedo anular el CSS externo para cambiar el tamaño de los botones en mi barra de botones?

Gracias!

Answer 1

tiene que establecer la propiedad buttonStyleName, por lo

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

.myButtonStyle{
   font-size: 16;
}

Answer 2

Sólo una conjetura de la href="http://livedocs.adobe.com/flex/201/langref/mx/controls/ButtonBar.html#propertySummary" rel="nofollow noreferrer"> documentación ...

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