Advertencia: los selectores de tipo CSS no son compatibles con componentes 'sparks.component.TextInput'

Question

Estoy tratando de hacer una declaración de CSS simple. Sin embargo, recibí la advertencia anterior y no estoy seguro de cómo resolverlo. Pensé que s | (tipo) debería declarar el estilo para mí.

<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

Los selectores de tipo CSS no están permitidos dentro de una definición de componente.

tiene dos opciones:

• utilizar un selector de clase en lugar
• Mueva el selector de tipo de declaración en una CSS que se declara en el archivo MXML superior