Flex中的Label实现鼠标手型及下划线

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical">
 <mx:Script>
  <![CDATA[
   import mx.controls.dataGridClasses.DataGridListData;
   import mx.controls.Alert;
   import mx.collections.ArrayCollection;
   [Bindable]
   private var myData:ArrayCollection = new ArrayCollection([{userName:"Gasol",country:"西班牙"},
                   {userName:"Nashi",country:"澳大利亚"},
                   {userName:"Yaoming",country:"中国"}]);
   
   internal function test(event:MouseEvent):void {
    Alert.show("internal click!"+event.target.data);
    var ld:DataGridListData = event.target.listData as DataGridListData;
    trace(ld.columnIndex);
   }
  ]]>
 </mx:Script>
 <mx:DataGrid dataProvider="{myData}">
  <mx:columns>
   <mx:DataGridColumn headerText="姓名">
    <mx:itemRenderer>
     <mx:Component>
      <mx:Label buttonMode="true" mouseChildren="false"
          click="outerDocument.test(event)"
          htmlText="&lt;u&gt;{data.userName}&lt;/u&gt;">
      </mx:Label>
     </mx:Component>
    </mx:itemRenderer>
   </mx:DataGridColumn>
   <mx:DataGridColumn headerText=