Flex动态样式表切换

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>

<![CDATA[

public var aa:int=1;

private function changecss():void{

if(aa == 1){

StyleManager.loadStyleDeclarations("csstest1.swf");

aa=0;

}else{

StyleManager.loadStyleDeclarations("csstest.swf");

aa=1;

}

}

]]>

</mx:Script>

<mx:Style source="csstest.css"/>

<mx:Panel x="113" y="103" width="250" height="200" layout="absolute" title="CSS显示">

<mx:Button x="46" y="10" label="样式按纽" click="changecss()" />

<mx:Label x="97" y="70" text="样式 文本"/>

</mx:Panel>

</mx:Application>

下面是样式文件

csstest:

Button{

fontSize:12;

color:#ff9933;

}

Panel{

fontSize:12;

color:#ff9933;

}

Label{

fontSize:12;

color:#ff9933;

}

csstest1:

/* CSS file */

Button{

fontSize:18;

color:#ff99ff;

}

Panel{

fontSize:18;

color:#ff99ff;

}

Label{

fontSize:18;

color:#ff99ff;

}