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

У меня есть таблица стилей в моем приложении 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>

Ни один из них не убрал тень. Что мне здесь не хватает?

Источник

2 ответа

Решение

Одним из решений было бы удалить "dropShadowEnabled: true;" из глобального стиля и поместите его только на элементы, которые вы хотите, чтобы тень.

Источник

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

combo_box_id.setStyle ("dropShadowEnabled", false);

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

Источник
Другие вопросы по тегам