FLEX: can I completely remove buttons effects ?

Question

hi,

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;
    paddingLeft: 0;
    paddingRight: 0;
    paddingBottom: 0;
    horizontalGap: 0;
    leading: 0;
    fontWeight: normal;
    color: #000000;
    textSelectedColor: #000000;
    textRollOverColor: #000000;
}

Answer 1

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.