TextInput에서 Drop Shadow를 제거하려면 어떻게해야합니까?

Question

플렉스 애플리케이션에 스타일 시트가 있습니다.

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

이 스타일 시트에서 DropshadowEnabled를 True Gloably로 설정했습니다.

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

이것은 모든 텍스트를 포함하여 많은 구성 요소에 그림자를 제공합니다.

그러나 편집 가능한 combobox를 표시하는 제목 창 구성 요소가 있으며 해당 텍스트 입력에 드롭 그림자가있는 것을 원하지 않습니다. 그러나 나는 그것을 떠나게 할 수 없습니다. 다음을 시도했습니다.

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

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

... 기본 CSS에서 :

.noDropShadow {
    dropShadowEnabled: false;
}

... 제목 창에서 :

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

...또한:

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

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

Answer 1

한 가지 해결책은 "DropshadowEnabled : True"를 제거하는 것입니다. 글로벌 스타일에서 구체적으로 Drop Shadow를 원하는 항목에만 넣습니다.

Answer 2

콤보 박스를 ID 속성을 제공 한 다음 :

combo_box_id.setstyle ( "DropshadowEnabled", False);

당신의 <mx:Script/> 차단하다.