覆盖 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 文档的猜测。 ..

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