Cảnh báo: Bộ chọn loại CSS không được hỗ trợ trong các thành phần 'sparks.component.TextInput'

Question

Tôi đang cố thực hiện một khai báo CSS đơn giản. Tuy nhiên, tôi đã nhận được cảnh báo ở trên và không chắc chắn làm thế nào để giải quyết nó. Tôi nghĩ s (loại) nên tuyên bố phong cách cho tôi.

<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

Bộ chọn loại CSS không được phép bên trong định nghĩa thành phần.

Bạn có hai lựa chọn:

• Sử dụng một bộ chọn lớp thay vì
• Di chuyển khai Loại selector trong css mà được khai báo trong file MXML hàng đầu của bạn