Это может быть немного поздно, но здесь идет ответ, который может помочь другим.
В панели кнопок можно использовать 3 стиля: стиль для первой кнопки (свойство: firstButtonStyleName), последней кнопки (свойство: lastButtonStyleName) и других кнопок (свойство: buttonStyleName).
Для каждого свойства вам просто нужно создать соответствующий стиль, как если бы вы разрабатывали одну кнопку.
Это даст тебе вот что ...
<mx:ButtonBar buttonStyleName="topButtonBarButtonStyle"/>
style.css:
.topButtonBarButtonStyle{
fill-colors: #ffffff, #b8b9b9, #b8b9b9, #ffffff;
border-color: #E6E6E6;
theme-color: #E6E6E6;
}
При этом я получаю для каждой кнопки следующий стиль: границы цветом # e6e6e6, градиент от #ffffff до # b8b8b9, когда кнопка находится в нормальном состоянии, обратный градиент, когда пользователь переворачивает кнопку.
И это делает трюк:)