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 ;
}