mx Button with icon and no skin gets wrong focus rectangle

[Ibarim]

Hi,

I have a button and I need it to display only label and icon so I set skin="{null}" to remove everything except label and icon. Problem is when I use TAB on keyboard - my button gets focus rectangle only around the icon. And I need it to have focus rect around whole button (label + icon).

Is there any simple workaround this?

my button example:

<mx:Button label="Cancel" overIcon="{arrow1}" outIcon="{arrow2}" skin="{null}"/>

[Ibarim · Accepted solution]

I've found a workaround.

I've made new skin in flash. The new skin is only made with transparent roudned border. So when I apply new skin on button the focus manager finds this skin and sets focus around whole button not just the icon. And since skin is transparent it doesn't disturb the visual effect I needed.