Style Font in Spark TextInput Control

Question

Hello!
How can I do as the title indicates please?
Can I do it without using a custom skin because I want to be able to change fontColor and fontStyle programatically.
Thanks!

Answer 1

You can acheive it very easily with spark textinput too. Pls check below and let me know if you have any issue.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            [Bindable]
            private var acFontSizes : ArrayCollection = new ArrayCollection([
                {fontSize : '12'},
                {fontSize : '16'},
                {fontSize : '20'},
                {fontSize : '24'},
                {fontSize : '28'},
                {fontSize : '32'},
                {fontSize : '36'},
                {fontSize : '40'},
                {fontSize : '44'}
        ]]>
    </fx:Script>
    <mx:VBox>
            <s:TextInput id="txtInput" width="150" height="50" text="Your Text" fontSize="{comboFontSize.selectedItem.fontSize}" color="{colorCombo.selectedColor}"/>
            <mx:HBox>
                <s:Label text="Choose Color"/>
                <mx:ColorPicker id="colorCombo"/>
            </mx:HBox>
            <mx:HBox>
                <s:Label text="Choose Font Size"/>
                <s:ComboBox id="comboFontSize" dataProvider="{acFontSizes}" labelField="fontSize" selectedIndex="0"/>
            </mx:HBox>
    </mx:VBox>
</s:Application>
with Regards,
Shardul singh Bartwal