Wie kann ich Schlagschatten von TextInput entfernen?

Question

ich ein Stylesheet in meinem Flex-Anwendung haben, verwiesen als:

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

In diesem Stylesheet, habe ich dropShadowEnabled auf true gloablly:

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

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

Allerdings habe ich eine Title Window-Komponente, die eine bearbeitbare ComboBox anzeigt, und ich möchte nicht, dass die Texteingabe einen Schlagschatten hat. Ich kann es aber nicht wegbringen. Ich habe folgendes versucht:

ein CSS-Klasse-Selektor 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> 

Keiner von diesen entfernte den Schlagschatten. Was fehlt mir hier?

Answer 1

Eine Lösung wäre "dropShadowEnabled: true;" aus dem globalen Stil und legen Sie es nur auf die Elemente, die Sie möchten, Schlagschatten.

Answer 2

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

combo_box_id.setStyle ("dropShadowEnabled", false);

In Ihrem <mx:Script/> Block.