下划線Flex mx：使用外部CSS在鼠標懸停時顯示文本

Question

我在Flex 3應用程序中有一些文本定義如下

<mx:Text id="textbutton" 
         text="Link Text" 
         click="doSomething()"
     styleName="linkText" 
         buttonMode="true" 
         useHandCursor="true" 
         mouseChildren="false"/>

並且外部CSS聲明如下：

.linkText {
/*  text-decoration:underline;*/
    color: #0000FF;
}

.linkText:hover {
    text-decoration:underline;
}

它似乎不起作用，因為當我將鼠標懸停在它上面時，文字沒有下划線。

有沒有辦法純粹通過CSS做到這一點，還是我需要以編程方式捕獲鼠標事件並相應地設置樣式（看起來有點矯枉過正）？

Answer 1

不，你不能純粹通過CSS做到這一點。 您需要捕獲翻轉和滾動鼠標事件，並使用setStyle()方法將linkTextUnderlined樣式從某個linkText到linkTextUnderlined 。