修改组件样式的各种写法（Button为例）

1:

< mx:Button  label ="Button 1"  borderColor ="red"   />

2:

< mx:Button  label ="Button 2" >
     < mx:borderColor > red </ mx:borderColor >
</ mx:Button >

3:

< mx:Style >
    .MyButton {
        borderColor: red;
    }
</ mx:Style >

< mx:Button  label ="Button 3"  styleName ="MyButton"   />

4:

< mx:Style >
    Button {
        borderColor: red;
    }
</ mx:Style >

< mx:Button  label ="Button 3"   />

5:

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

< mx:Button  label ="Button 3"   />

/**/ /* CSS file */
Button  {...} {
    borderColor: red;
}

6:

< mx:Script >
     <![CDATA[
        private function button4_init():void {
            button4.setStyle("borderColor", "red");
        }
     ]]>
</ mx:Script >

< mx:Button  id ="button4"
        label ="Button 4"
        creationComplete ="button4_init();"   />