Как удалить тень из TextInput?

Question

У меня есть таблица стилей в моем приложении Flex, на которую ссылаются как:

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

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

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

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

Однако у меня есть компонент «Окно заголовка», который отображает редактируемое поле со списком, и я не хочу, чтобы этот текстовый ввод имел тень.Однако я не могу заставить его уйти.Я пробовал следующее:

Создание селектора классов 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/> блокировать.