覆盖Flex控件的标记级外部CSS

Question

我有一个外部CSS文件，用于定义Button标签的样式。

Button {fontSize 11;  blah...}

我正在尝试为ToggleButtonBar的按钮覆盖此样式：

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

不幸的是，这似乎不起作用。 fontSize保持为11.如何覆盖外部CSS以调整ButtonBar中按钮的大小？

谢谢！

Answer 1

你需要设置buttonStyleName属性，所以

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

.myButtonStyle{
   font-size: 16;
}

Answer 2

只需猜测Flex documentation ...

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