Как изменить цвет текста mx togglebuttonbar на mouseover

Question

Я хочу изменить цвет текста элемента управления 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> 

Answer 1

Вы можете использовать MXML взломать (или комментарий в коде):

<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> 

Answer 2

Добавьте к этому элементу тег:

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;}