Как я могу удалить тень от TextInput?

Question

В моем приложении Flex есть таблица стилей, обозначаемая как

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

В этой таблице стилей я установил dropShadowEnabled в значение true:

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

Это дает тень многих компонентов, включая все TextInputs.

Тем не менее, у меня есть компонент окна заголовка, который отображает редактируемый 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;» из глобального стиля и поместите его только на элементы, которые вы хотите, чтобы тень.

Answer 2

Дайте вашему комбинированному окну атрибут id, а затем:

combo_box_id.setStyle ("dropShadowEnabled", false);

В вашем <mx:Script/> блоке.