Wie kann ich Drop Schatten von TextInput- entfernen?

Question

Ich habe ein Stylesheet in meiner Flex-Anwendung, verweisen als:

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

In diesem Stylesheet, habe ich auf true gloablly dropShadowEnabled:

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

Dies gibt einen Schlagschatten zu viele Komponenten, einschließlich aller TextInputs.

Allerdings habe ich einen Titel Window-Komponente, die eine editierbare ComboBox zeigt, und ich möchte nicht, dass Texteingabe einen Schlagschatten haben. Ich kann es nicht bekommen aber weggehen. Ich habe folgendes versucht:

eine CSS-Klassenauswahl erstellen ...

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

... in dem Standard-CSS:

.noDropShadow {
    dropShadowEnabled: false;
}

... im Titelfenster:

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

... auch:

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

Keine dieser den Schlagschatten entfernt. Was ich hier fehlt?

Answer 1

Eine Lösung wäre, zu entfernen "dropShadowEnabled: true;" und aus dem globalen Stil sie setzen nur auf die Elemente, die Sie speziell Schlagschatten wollen.

Answer 2

Geben Sie Ihre Combo-Box ein id-Attribut und dann:

combo_box_id.setStyle ( "dropShadowEnabled", false);

In Ihrem <mx:Script/> Block.