下划线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做到这一点。您需要使用linkText方法捕获翻转和滚动鼠标事件并将样式从某些linkTextUnderlined切换到setStyle()。