FLEX: can I completely remove buttons effects?

how can I completely remove button effects from a Button component in Flex ?

Background, Fill and border are completely white. But still I've a black shadow around the button (see picture bloew):

http://dl.dropbox.com/u/72686/button.png

thanks

Button {

    fillAlphas: 1.0, 1.0, 1.0, 1.0;
    fillColors: #FFFFFF, #FFFFFF;
    themeColor: #FFFFFF;
    borderColor: #FFFFFF;
    cornerRadius: 0;
    paddingTop: 0;
    padd开发者_如何学GoingLeft: 0;
    paddingRight: 0;
    paddingBottom: 0;
    horizontalGap: 0;
    leading: 0;
    fontWeight: normal;
    color: #000000;
    textSelectedColor: #000000;
    textRollOverColor: #000000;
}

---

skin: ClassReference(null) will not work; use the below its wokrs

upSkin: ClassReference(null);
overSkin: ClassReference(null);
downSkin: ClassReference(null);
disabledSkin: ClassReference(null);
selectedUpSkin:ClassReference(null);
selectedOverSkin: ClassReference(null);
selectedDownSkin: ClassReference(null);
selectedDisabledSkin: ClassReference(null); 

---

You should specify the Flex version, since the newly release Flex 4 has a completely different skinning architecture.

Anyhow, I assume this is Flex 3, you could try and set this:

Button {
    skin: ClassReference(null);
}

Not sure it'll work, some components choke on null skins.

If it is Flex 4, I suggest creating a skin class that does what you want, even if it is empty, and setting it like so (note the namespace, s for Spark):

s|Button {
    skin-class: ClassReference('my.empty.Skin');
}

Where my.empty.Skin is the fully qualified class name for your skin.