Remove highlight on a selected button from a ToggleButtonBar

Question

Well, title explains all. I'm trying to get rid of the highlight that comes around of the selected button in a ToggleButtonBar

Answer 1

I eventually find how to resolve it, quiet simple actually! (Thanks to the KapInspect tool)

I just had to create a custom skin for the selectedDownSkin style

Answer 2

To get the exact look you want your best bet is to jump in Flash, Fireworks, Photoshop, etc and tweak a button skin to your liking. The border is part of the skin. You can create a programmatic skin as well.

A quick fix is to set the highlight the same color as the button.

ToggleButtonBar{ button-style-name: "myButton"; }

Button.myButton{ theme-color: #999999; }

Mind you...it is purely a quick fix and will tweak your button hover color as well so only use it as a small win.