0

我想通过更改我想将文本颜色更改为不同的样式来更改翻转时 MX ToggleButtonBar 控件的文本颜色。谁能帮帮我吗。例如,我将鼠标悬停在主页按钮上,颜色的文本应更改为绿色,但不是背景色。

<mx:ToggleButtonBar id="toggBar" direction="horizontal" horizontalGap="20" height="100" paddingLeft="60" 
                         horizontalScrollPolicy="off" verticalScrollPolicy="off" selectedIndex="1" 
                         >
        <mx:dataProvider>
            <fx:Object label="Home" id="home"  screenIndex="-1"/>
            <fx:Object label="About" id="about"  screenIndex="1"/>
            <fx:Object label="Contact" id="contact" screenIndex="2"/>
            <fx:Object label="Help" id="help" screenIndex="3"/>
        </mx:dataProvider> 
    </mx:ToggleButtonBar>
4

2 回答 2

0

将此添加到元素标记:

onmouseover="this.style.color='#123456'" onmouseout="this.style.color='#654321'" 

将第一种颜色替换为您要更改的颜色,将第二种颜色替换为正常颜色。

或者将其添加到您的样式表中:

#labelid1:hover {color:#123456;}
#labelid2:hover {color:#123456;}
#labelid3:hover {color:#123456;}

最好为每个按钮添加一个类名并使用

.labelclassname:hover {color:#123456;}
于 2013-02-28T09:16:36.120 回答
0

您可以使用 mxml hack(或代码中的注释):

    <mx:ToggleButtonBar id="toggBar" direction="horizontal" horizontalGap="20" height="100" paddingLeft="60"
                    color="0x00ff00"
                    horizontalScrollPolicy="off" verticalScrollPolicy="off" selectedIndex="1"

                    <!-- Warning! Better create custom ToggleButtonBar with your logic mouseOver -->
                    mouseOver="{UITextField((event.target).mx_internal::getTextField()).textColor=0xff0000}"
                    >
    <mx:dataProvider>
        <fx:Object label="Home" id="home"  screenIndex="-1"/>
        <fx:Object label="About" id="about"  screenIndex="1"/>
        <fx:Object label="Contact" id="contact" screenIndex="2"/>
        <fx:Object label="Help" id="help" screenIndex="3"/>
    </mx:dataProvider> 
</mx:ToggleButtonBar>
于 2013-02-28T09:53:41.767 回答