Setting the disabled text color on a TextArea control in Flex

The following example shows how you can set the text color on an enabled and disabled Flex TextArea control by setting the color and disabledColor styles.

Full code after the jump.

View MXML

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/04/26/setting-the-disabled-text-color-on-a-textarea-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.utils.StringUtil;
        ]]>
    </mx:Script>

    <mx:String id="lorem" source="lorem.html" />

    <mx:ApplicationControlBar dock="true">
        <mx:Form styleName="plain">
            <mx:FormItem label="color:">
                <mx:ColorPicker id="colorPicker1"
                        selectedColor="black" />
            </mx:FormItem>
            <mx:FormItem label="disabledColor:">
                <mx:ColorPicker id="colorPicker2"
                        selectedColor="red" />
            </mx:FormItem>
            <mx:FormItem label="enabled:">
                <mx:CheckBox id="checkBox"
                        selected="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>

    <mx:TextArea id="textArea"
            condenseWhite="true"
            color="{colorPicker1.selectedColor}"
            disabledColor="{colorPicker2.selectedColor}"
            enabled="{checkBox.selected}"
            width="100%"
            height="100%"
            initialize="textArea.htmlText = StringUtil.trim(lorem);" />

</mx:Application>

View source is enabled in the following example.