Переопределение уровня тега внешним CSS элемента управления Flex

Question

У меня есть внешний файл CSS, который определяет стиль для тега Button.

Button {fontSize 11;  blah...}

Я пытаюсь переопределить этот стиль для кнопок панели ToggleButtonBar:

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

К сожалению, это не похоже на работу. Размер шрифта остается равным 11. Как я могу переопределить внешний CSS, чтобы изменить размер кнопок в моей панели кнопок?

Спасибо!

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