¿Cómo puedo eliminar la sombra paralela de TextInput?

Question

Tengo una hoja de estilo en mi aplicación Flex, referenciada como:

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

En esta hoja de estilo, configuro dropShadowEnabled en true gloablly:

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

Esto proporciona una sombra paralela a muchos componentes, incluidos todos los TextInputs.

Sin embargo, tengo un componente de ventana de título que muestra un ComboBox editable y no quiero que esa entrada de texto tenga una sombra paralela. Sin embargo, no puedo hacer que desaparezca. He intentado lo siguiente:

Creando un selector de clase CSS ...

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

... en el CSS predeterminado:

.noDropShadow {
    dropShadowEnabled: false;
}

... en la ventana de título:

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

... también:

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

Ninguno de estos eliminó la sombra paralela. ¿Qué me estoy perdiendo aquí?

Answer 1

Una solución sería eliminar "e; dropShadow Enabled: true; "e; del estilo global y colóquelo solo en los elementos que desea específicamente sombra paralela.

Answer 2

Dele a su cuadro combinado un atributo de identificación y luego:

combo_box_id.setStyle (" dropShadowEnabled " ;, false);

En su bloque <mx:Script/>.