TextInputからドロップシャドウを削除するにはどうすればよいですか？

Question

私はとして参照、私のFlexアプリケーションでのスタイルシートを持っている：これは多くのコンポーネントにドロップシャドウを与える

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

：このスタイルシートで

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

、私は本当のgloabllyにdropShadowEnabledを設定しましたすべてのTextInputsを含みます。

ただし、編集可能なComboBoxを表示するタイトルウィンドウコンポーネントがあり、そのテキスト入力にドロップシャドウを追加したくありません。私はそれを離れて行くことができない。私は、次のことを試してみた：

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

解決策の1つは、「dropShadowEnabled：true;」を削除することです。グローバルスタイルから、特にドロップシャドウが必要なアイテムにのみ配置します。

Answer 2

あなたのコンボボックスにその後、id属性と与える：

combo_box_id.setStyle（ "dropShadowEnabled"、false）を;

<mx:Script/>ブロックにあります。