如何从TextInput中删除阴影？

Question

我的Flex应用程序中有一个样式表，引用为：

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

在此样式表中，我将dropShadowEnabled设置为true gloablly：

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

一种解决方案是删除<！>引用; dropShadow启用：true; <！>引用;从全局风格，只把它放在你特别想要投影的项目上。

Answer 2

给你的组合框一个id属性，然后：

combo_box_id.setStyle（<！> quot; dropShadowEnabled <！> quot;，false）;

在<mx:Script/>区块中。