Как указать state в CSS для Panel

[AntonSurkont]

Здравствуйте уважаемые программисты.
К примеру у меня такой Panel

<s:Panel>
  <s:states>
    <s:State name="not_active"/>
    <s:State name="active"/>
  </s:states>
</s:Panel>

И есть CSS

s|Panel {
  backgroundColor: #00FF00;
  color: #FF0000;
  cornerRadius: 30;
  dropShadowVisible: false;
  borderAlpha: 1;	
  borderColor: #0000FF;	
  borderVisible: true;
  chromeColor: #FFFF00;	
  contentBackgroundAlpha: 1;	
  contentBackgroundColor: #00FFFF;
  focusColor: #FFFFFF;
  /*skinClass:ClassReference("skins.PanelSkin");*/
}

Подскажите плиз как сделать так чтобы эти настройки CSS работали только для панелек у которых стэйт active.

[OFFmind]

Скорее всего так сделать нельзя. Но это только мое предположение:
В css вы ставите стиль классу Panel. А states - не влияют на этот класс. Т.е. например у вас в проекте два компонента типа Panel - у каждого могут быть разные states.

Мое решение:
1. создайте в CSS класс не глобально для Panel, а именно для стэйта, например(.defaultPanelState)
2. в самом Panel, во Flex, в нужном стэйте задайте нужное имя css класса.

[AntonSurkont]

Спасибо

[OFFmind]

Сегодня прочитал, что можно использовать css для разных стэйтов. Делается это так:

 <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
 
        s|Button:up {
            baseColor: black;
            color: #FFFFFF;
        }
 
        s|Button:over {
            baseColor: gray;
            fontWeight: "bold";
            color: #FFFFFF;
        }
 
        s|Button:down {
            baseColor: blue;
            fontWeight: "bold";
            color: #FFFF66;
        }
    </fx:Style>

из официальной документации. Не проверял.