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

Question

Flexアプリケーションに次のように参照されるスタイルシートがあります。

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

このスタイルシートでは、dropShadowEnabledをtrueに設定します。

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

これは、すべてのTextInputを含む多くのコンポーネントにドロップシャドウを与えます。

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

CSSクラスセレクターの作成...

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

...デフォルトのCSS：

.noDropShadow {
    dropShadowEnabled: false;
}

...タイトルウィンドウ内：

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

... also：

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

これらのどれもドロップシャドウを削除しませんでした。ここに何が欠けていますか？

Answer 1

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

Answer 2

コンボボックスにid属性を指定してから：

combo_box_id.setStyle（<！> quot; dropShadowEnabled <！> quot ;, false）;

<mx:Script/>ブロック内。