css - 覆盖 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" />