[flexcoders] question with text color CSS for mx:Button on roll over.

[Matt Muller]

Sorry if this is a really simple question.

I have a button and im loading in an external stylesheet and setting the
buttons styleName to .removeUserButton.
*
<mx:Button id="removeUser" styleName="removeUserButton" label="Remove"/>*

.removeUserButton {
    upSkin: Embed("/assets/images/btn_secondary_up.png");
    overSkin: Embed("/assets/images/btn_secondary_over.png");
    downSkin: Embed("/assets/images/btn_secondary_over.png");
    font-family: "Arial";
    font-size:11;
    color:#FFFFFF;
    font-anti-alias-type:advanced;
}

This all works fine except when I roll over the button the text color
changes to *BLACK*. I need to keep it *WHITE* as I have it set in the CSS.

Any ideas?

thanks,

MaTT