css - Flex コントロールのタグ レベルの外部 CSS のオーバーライド

Question

Button タグのスタイルを定義する外部 CSS ファイルがあります。

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" />