[Flex] Warning: css type selectors are not supported in components 'sparks.component.TextInput'

Question

Hello I am trying to do a simple CSS declaration. However, I got the warning above and not sure how to solve it. I thought s|(type) should declare the style for me :(. Thanks for the reply...

<fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";


        s|TextInput{
        color:#313131;
        }

    </fx:Style>



<s:Panel width="600" height="480" skinClass="skins.CustomPanel">
        <s:layout>
            <s:VerticalLayout paddingTop="7"/>
        </s:layout>
        <s:TextInput text="TextInput CSS not working"/>
        <mx:Form>
            <mx:FormHeading label="Please Enter The Information"/>
            <s:HGroup>
            <mx:FormItem>
              <s:Label text="Brand"/>
              <s:TextInput id="brand" text="CSS not working" width="156"/>
            </mx:FormItem>

                 </mx:form>

Answer 1

CSS Type selectors are not allowed inside a component definition.

You have two options :

• Use a class selector instead
• Move the Type selector declaration in a css that is declared in your top MXML file