flex4의 스타일

/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|Application{
	font-size: 12;
	skin-class: ClassReference("IndexSkin");
}

s|TitleWindow.loginWindowStyle
{
	backgroundAlpha: 0.8;
/*	backgroundColor: #FEE1E2;*/
	backgroundColor: #7ECCF7;
	cornerRadius: 35;
	dropShadowVisible: true;
	skinClass: ClassReference("IaasWindowSkin");
	textAlign: left;
    /*                   */
	modal-transparency:0.0;
	modal-transparency-blur:0;
}

.vmbg{
	font-style:italic;
	background-color: #cccccc;
	background-alpha: 0.8;
	color: #6A6565;
}
.vmbg2{
	font-style:normal;
	background-color: #cccccc;
	background-alpha: 0.0;
	color: #0000FF;
}

mx|Alert{
	modal-transparency:0.0;
	modal-transparency-blur:0;
}

      ，styleName="blackButton whiteFont"     ，     

       :
s|Panel s|Button{
baseColor:blue;
color:#ffffff;
}

    ID    :
#okButton{
baseColor:#ae0000;
color:#ffffff;
}
okButton      id  , ：
<s:Button id="okButton" label=" Id    "/>

      ：
 Flex3                                 ，up, down, over      
                               ，      。
#cancelButton:up{
baseColor : #538787 ;
color : #304f68 ;
}
#cancelButton :down {
baseColor : #917541 ;
color : #b8a553 ;
}
#cancelButton :over {
baseColor : #b8a553 ;
color : #333333 ;
}