TextInput에서 그림자를 제거하려면 어떻게해야합니까?

Question

내가로 참조, 내 플렉스 응용 프로그램에서 스타일 시트를 가지고, 이것은 많은 구성 요소에 그림자를 제공

global { 
    fontSize: 11pt; 
    dropShadowEnabled: true; 
    verticalAlign: "middle"; 
} 

:이 스타일 시트에서

<mx:Style source="/assets/stylesheets/default.css" /> 

, 나는 사실 gloablly에 dropShadowEnabled 설정 모든 TextInputs를 포함합니다.

그러나 편집 가능한 ComboBox를 표시하는 Title Window 구성 요소가 있는데이 텍스트 입력에 그림자가 나타나기를 원하지 않습니다. 그러나 나는 그걸 버릴 수 없습니다. 기본 CSS에 ...

는 CSS 클래스 선택기를 만들기 ...

<mx:ComboBox editable="true" dataProvider="{nameOptions}" textInputStyleName="noDropShadow" /> 

: 나는 다음 시도했다

.noDropShadow { 
    dropShadowEnabled: false; 
} 

을 ... 제목 창에 :

또한

<mx:Style> 
    .noDropShadow { 
     dropShadowEnabled: false; 
    } 
</mx:Style> 

... :

<mx:Style> 
    TextInput.noDropShadow { 
     dropShadowEnabled: false; 
    } 
</mx:Style> 

이들 중 어느 것도 그림자를 제거하지 못했습니다. 내가 여기서 무엇을 놓치고 있니?

Answer 1

한 가지 해결책은 "dropShadowEnabled : true;"를 제거하는 것입니다. 글로벌 스타일에서 특히 그림자를 원하는 항목에만 넣으십시오.

Answer 2

콤보 박스를 다음 id 속성 및 제공 :

combo_box_id.setStyle ("dropShadowEnabled", 거짓을);

<mx:Script/> 블록에 있습니다.