css - 如何从 TextInput 中删除阴影？

Question

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

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

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

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>

这些都没有删除阴影。我在这里想念什么？

score 1 · Accepted Answer

一种解决方案是删除“dropShadowEnabled：true；” 从全局样式中，并将其仅放在您特别想要阴影的项目上。

score 0 · Accepted Answer

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

combo_box_id.setStyle("dropShadowEnabled", false);

在你的<mx:Script/>街区。

2 回答 2