Как удалить тень из TextInput?
-
03-07-2019 - |
Вопрос
У меня есть таблица стилей в моем приложении 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>
Ничто из этого не устранило тень.Что мне здесь не хватает?
Решение
Одним из решений было бы удалить «dropShadowEnabled:true;» из глобального стиля и применяйте его только к тем элементам, для которых вы хотите отбросить тень.
Другие советы
Присвойте вашему комбинированному списку атрибут id, а затем:
combo_box_id.setStyle("dropShadowEnabled", false);
В вашей <mx:Script/>
блокировать.