Flex 3 appears to have a bug that ignores CSS formatting for link tags in html text. It prevents you from making an html link a different color from the text around it, for example.

However the bug only exists for pre-written CSS files - if you create a CSS object dynamically and attach it to the text control, the link styles work.

So to style an mx:Text control's links, you can use the code below to rewrite your CSS on the fly. The code looks in your CSS file for the style to apply to links, and from it creates a new CSS stylesheet to apply to the text control.

The hex value returned by toString(16) lacks leading zeros, but the CSS parser for dynamically created CSS does not require them like it does for pre-written CSS files, so it works fine.



function attachLinkStyleToText(textControl:Text) 
{ 
     // find the CSS class containing the formatting you want to apply to links in the text 
     var linkColorClass:CSSStyleDeclaration = StyleManager.getStyleDeclaration(".yourHTMLLinkClassName"); 
     if (!linkColorClass) return; 
  
     // find the style you wish to apply, in this case just the color 
     var linkColor:Number = parseInt(linkColorClass.getStyle("color")); 
     if (!linkColor) return; 
     var linkColorHex:String = linkColor.toString(16); 
  
     // create a new CSS style sheet that applies this style 
     var linkCSSText:String = "a {color:#"+linkColorHex+"}"; 
     var linkCSS:StyleSheet = new StyleSheet(); 
     linkCSS.parseCSS(linkCSSText); 
  
     // attach the new CSS to the text control 
     textControl.styleSheet = linkCSS;     
}