七、 Flex中CSS的应用

Flex提供的默认的CSS样式比较好看，但是如果考虑到如果整合到现有的项目中去，可能它默认的样式不是我们想要的，所以我们需要了解下，如何定制我们自己的样式，来替换掉Flex默认的样式。

下面以弹出框为例，来了解下如何定制。

1.     Flex默认的弹出框，字体比较小，很有些不爽。

2.     定制我们自己的CSS样式，并应用到Alert中去。

    <mx:Style>

       Alert

       {

           titleStyleName       : 'myTitleStyleName';    /*Alert标题的样式*/

           buttonStyleName      : 'myButtonStyleName';   /*Alert按键的样式*/

           messageStyleName     : 'myMessageStyleName'; /*Alert消息的样式*/

       }

       .myTitleStyleName

       {

           fontSize   : 12;

           color      : #000000;

       }

       .myButtonStyleName

       {

           fontSize   : 12;

           color      : #000000;

       }

       .myMessageStyleName

       {

           fontSize   : 14;

           color      : #ADFF2F;

           fontFamily : "Cambria;微软雅黑;Courier New";

       }

    </mx:Style>

效果：