Flex中Alert字体,验证控件Validator错误提示字体,Accordion的Canvas上的lable字体

Flex中Alert字体,验证控件错误提示字体,Accordion的Canvas上的lable字体 这些字体太小，但又没有属性设置，需要用样式修饰，这才意识到样式的重要性。

可以写一个css样式文件，在用到的地方引入该文件：

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

1. 修饰Alert弹出对话框：

.alertMessage{
fontSize:14;
fontFamily:宋体;
color:#228A11;
}

.alertButton {
fontSize: 13;
fillAlphas: 1.0, 1.0;
fillColors: #FFFFFF, #BAE0F9;
}

.alertTitle{
fontSize: 13;
color:#ffffff;
fontWeight:bold;
}
Alert{
backgroundColor:#FFFFFF;
backgroundAlpha: 1.0;
color: #323232;
borderColor: #7CBCEC;

headerHeight:30;

headerColors:#7CBCEC,#2C56B3;
dropShadowColor:#7CBCEC;
themeColor: #7CBCEC;
/* window backgroud except the alert window*/
modalTransparencyColor: #ffffff;

dropShadowEnable:true;

borderThicknessLeft:1;
borderThicknessRight:1;
borderThicknessBottom:0;

paddingBottom: 20;

messageStyleName:alertMessage;
titleStyleName:alertTitle;
buttonStyleName: alertButton;
}

2. 修饰验证控件Validator错误提示字体：

.errorTip
{
fontSize: 12;
}

3.修饰Accordion的Canvas上的lable字体，除了写样式外，还要引用样式：

.accordion{
font-size:12px;
color:#26B70E;
}

引用样式在Accordion上，设置一下headerStyleName属性：

headerStyleName="accordion"