TextInput에서 Drop Shadow를 제거하려면 어떻게해야합니까?
-
03-07-2019 - |
문제
플렉스 애플리케이션에 스타일 시트가 있습니다.
<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>
이들 중 어느 것도 드롭 그림자를 제거하지 않았습니다. 내가 여기서 무엇을 놓치고 있습니까?
해결책
한 가지 해결책은 "DropshadowEnabled : True"를 제거하는 것입니다. 글로벌 스타일에서 구체적으로 Drop Shadow를 원하는 항목에만 넣습니다.
다른 팁
콤보 박스를 ID 속성을 제공 한 다음 :
combo_box_id.setstyle ( "DropshadowEnabled", False);
당신의 <mx:Script/>
차단하다.
제휴하지 않습니다 StackOverflow