设置form元素的样式

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 
  
    <mx:Style source="embeddedFonts.css" /> 
    <mx:Style> 
        Form { 
            fontFamily: ArialEmbedded; 
        } 
  
        FormHeading { 
            color: haloSilver; 
            fontSize: 24; 
        } 
  
        FormItem { 
            labelStyleName: defaultLabel; 
        } 
  
        .defaultLabel { 
            color: black; 
            fontSize: 10; 
            fontStyle: italic; 
            fontWeight: normal; 
        } 
  
        .requiredLabel { 
            color: red; 
            fontSize: 12; 
            fontWeight: bold; 
        } 
    </mx:Style> 
  
    <mx:String id="str"> 
        <![CDATA[The quick brown fox jumped over the lazy dog.]]> 
    </mx:String> 
  
    <mx:Form> 
        <mx:FormHeading label="Some form heading!" /> 
        <!-- override the default labelStyleName for the FormItem --> 
        <mx:FormItem label="Field 1:" 
                labelStyleName="requiredLabel" 
                required="true"> 
            <mx:Label id="lbl1" text="{str}" /> 
        </mx:FormItem> 
  
        <!-- override the default labelStyleName for the FormItem --> 
        <mx:FormItem label="Field 2:" 
                labelStyleName="requiredLabel" 
                required="true"> 
            <mx:Label id="lbl2" text="{str}" /> 
        </mx:FormItem> 
  
        <!-- default --> 
        <mx:FormItem label="Field 3:"> 
            <mx:Label id="lbl3" text="{str}" /> 
        </mx:FormItem> 
  
        <!-- default --> 
        <mx:FormItem label="Field 4:"> 
            <mx:Label id="lbl4" text="{str}" /> 
        </mx:FormItem> 
    </mx:Form> 
  
</mx:Application>