Styling Button With CSS Only

[brixel]

Hey guys,

I'm trying to do as much styling as I can over the Button component with CSS, but it seems like they ( Adobe ) are really forcing you into using a skin or creating graphics programatically.

What I'm failing to get control over is what appears to be either an inset or raised design, or drop shadow of the standard default Button. I want to either alter the color or just disable it. It doesn't appear to be a drop shadow since I've already tried that with no success.

I was also wondering if one could set the over state in any way with CSS - but all I see are over-skin and over-icon.

[EndlessLine]

This may help you, you can just copy and paste the outputted CSS.

http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html#app=a712&19f4-selectedIndex=4&1b1e-selectedIndex=0&b108-selectedIndex=0

[dr_zeus]

Check out the border-related styles. I think that's what you're describing.

[brixel]

EndlessLine - handy link for specking out quick CSS so thanks.

Zeus - I did, but the Button component doesn't appear to support styles for the border, only the border color, and from the docs it doesn't look like it inherits anything related to the border further up the food chain either.

I decided to just go with images for my skins in this case, thank you for the assistance both of you.