Try a combination of the color, textRollOverColor, and textSelectedColor styles:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
    <mx:LinkButton id="lnkBtn"
            label="The quick brown fox jumps over the lazy dog"
            color="red"
            textRollOverColor="haloOrange"
            textSelectedColor="purple" />
 
</mx:Application>

There should be a few random examples at http://blog.flexexamples.com/?tag=textRollOverColor,textSelectedColor, although nothing specific to LinkButton. This may help also: http://blog.flexexamples.com/2007/08/26/changing-a-button-controls-text-color/

Peter

Yes. If you want to remove the rollover color you can either set the skin style to null, or extend the LinkButtonSkin class (mx.skins.halo.LinkButtonSkin.as) and set the alpha to 0% in each skin state.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"&gt;

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;

            private function linkButton_click(evt:MouseEvent):void {
                Alert.show(evt.currentTarget.label + " " + evt.type);
            }
        ]]>
    </mx:Script>

    <mx:LinkButton id="defaultLinkButton"
            label="Default LinkButton"
            click="linkButton_click(event);" />

    <mx:LinkButton id="customSkinLinkButton"
            label="Custom skin LinkButton"
            skin="TransparentLinkButtonSkin"
            click="linkButton_click(event);" />

    <mx:LinkButton id="nullSkinLinkButton"
            label="Null skin LinkButton"
            skin="{null}"
            click="linkButton_click(event);" />

</mx:Application>

And then my custom skin, TransparentLinkButtonSkin.as, looks like this:

package {
    import mx.skins.halo.LinkButtonSkin;

    public class TransparentLinkButtonSkin extends LinkButtonSkin {
        public function TransparentLinkButtonSkin() {
            super();
        } // END function TransparentLinkButtonSkin();

        override protected function updateDisplayList(w:Number, h:Number):void {
            super.updateDisplayList(w, h);

            var cornerRadius:Number = getStyle("cornerRadius");

            graphics.clear();

            switch (name) {
                case "upSkin":
                case "overSkin":
                case "downSkin":
                case "disabledSkin":
                    // Draw invisible shape so we have a hit area.
                    drawRoundRect(
                        0, 0, w, h, cornerRadius,
                        0, 0);
                    break;
            } // END switch;
        } // END function updateDisplayList();
    } // END class TransparentLinkButtonSkin;
} // END package;

Peter

Thanks

ButtonScrollingCanvas
HBox
Repeater
LinkButton (label, toolTip, name and click(event) are all handled here)
/Repeater
/HBox
/ButtonScrollingCanvas

What I want to do is once a linkbutton is clicked, it should stay highlight until the next one is clicked. And this method, while darn close, isn’t working for me exactly.

Can you give an example about a secure authentification method for flex, I heard something about using Spring Acegi on Google, but didn’t seen a good example.