If you want to get rid of the background roll over color in a Flex LinkBar, the key is to set the skin style to null. I got stumped trying to set the “overSkin” to null which doesn’t work.
Here’s some sample code from one of my projects as an example:
<mx:LinkBar itemClick="navClick(event)" x="43" y="10" separatorColor="#3E2006" textRollOverColor="#FFFFFF" color="#3E2006" fontWeight="normal" fontFamily="Verdana" selectionColor="#000000" linkButtonStyleName="footerLinkBar" > <mx:dataProvider> <mx:Array> <mx:Object label="Privacy" viewStackItemId="privacy"/> <mx:Object label="Terms & Conditions" viewStackItemId="terms"/> <mx:Object label="Contact Us" viewStackItemId="contact"/> <mx:Object label="Retailer Login" viewStackItemId="retailLogin"/> </mx:Array> </mx:dataProvider> </mx:LinkBar> |
I have a style sheet with the following style set for the LinkBar:
.footerLinkBar{ skin: ClassReference(null); } |
That’s pretty much it.