Thanks for your help. I read/compile/learn from your examples everyday.
Craig

Does this work for you:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Style>
        .allButtons4 {
            /* Creates a gradient from red/orange when button is in the
               "out" state. Creates a gradient from green/blue when
               button is in the "over" state. */
            fillColors: red, haloOrange, haloGreen, haloBlue;
            fillAlphas: 1.0, 0.6, 1.0, 0.6;

            color: white;
            textRollOverColor: white;
        }
    </mx:Style>

    <mx:ButtonBar id="buttonBar" buttonStyleName="allButtons4">
        <mx:dataProvider>
            <mx:Array>
                <mx:Object label="Button" />
                <mx:Object label="ButtonBar" />
                <mx:Object label="CheckBox" />
                <mx:Object label="ColorPicker" />
                <mx:Object label="ComboBox" />
            </mx:Array>
        </mx:dataProvider>
    </mx:ButtonBar>

</mx:Application>

Modified slightly from, “Changing the fill colors of a ButtonBar control in Flex”.

I don’t believe a ButtonBar control has a “selected button”, per se. You may want to use the ToggleButtonBar instead. For more examples on the ToggleButtonBar control, see the ToggleButtonBar category archive.

Peter

Please consider an example that increases the buttonbar’s selected button. The skin color border hilighting isn’t enough contrast. I can’t figure out how to change the style of the selected button. I may have to use different icons in the provider.