css - 如何从 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;”来自全局样式，并将其仅放在您特别想要投影的元素上。