Como posso remover sombra de TextInput?

Question

Eu tenho uma folha de estilo no meu aplicativo Flex, referenciada como:

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

Nesta folha de estilo, eu definir dropShadowEnabled a verdadeira gloablly:

global {
    fontSize: 11pt;
    dropShadowEnabled: true;
    verticalAlign: "middle";
}

Isto dá uma sombra a muitos componentes, incluindo todos os TextInputs.

No entanto, tenho um componente de título da janela que exibe uma caixa de combinação editável e eu não quero que Entrada de texto para ter uma sombra. Eu não posso fazê-lo ir embora no entanto. Eu tentei o seguinte:

Criando um seletor de classe CSS ...

<mx:ComboBox editable="true" dataProvider="{nameOptions}" textInputStyleName="noDropShadow" />

... no CSS padrão:

.noDropShadow {
    dropShadowEnabled: false;
}

... na janela Título:

<mx:Style>
    .noDropShadow {
        dropShadowEnabled: false;
    }
</mx:Style>

... também:

<mx:Style>
    TextInput.noDropShadow {
        dropShadowEnabled: false;
    }
</mx:Style>

Nenhum destes removido da sombra drop. O que estou ausente aqui?

Answer 1

Uma solução seria remover "dropShadowEnabled: true;" do estilo global e colocá-lo apenas sobre os itens que você quer especificamente sombra.

Answer 2

Dê seu combo-box um atributo id e, em seguida:

combo_box_id.setStyle ( "dropShadowEnabled", false);

Em seu bloco <mx:Script/>.