如何從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> 

這些都沒有刪除陰影。我在這裏錯過了什麼？

Answer 1

一個解決方案是刪除「dropShadowEnabled：true;」從全球風格，只把它放在你特別想要投影的物品上。

Answer 2

給你的組合框的id屬性，然後：

combo_box_id.setStyle（ 「dropShadowEnabled」，假）;

在您的<mx:Script/>區塊。