设置顶级mx MenuBar中文本的颜色与菜单弹出颜色不同？

Question

有没有办法设置顶级MenuBar的文本与弹出菜单项中的颜色不同？在附图中，文本的颜色为浅灰色。这是因为顶级菜单项“Menu1”和“Menu2”在深色背景上。在弹出窗口中，您几乎无法阅读文本，因此需要将其设置为较暗的颜色。 MenuBar有一种称为颜色的样式。

代码：

<mx:MenuBar id="mainMenuBar" 
                dataProvider="{new XMLListCollection(menubarXML)}"
                labelField="@label"
                color="red"
                >
</mx:MenuBar>


<fx:Declarations>
    <fx:XMLList id="menubarXML">
        <menuitem label="Menu1" data="top">
            <menuitem label="MenuItem 1-A" data="1A"/>
            <menuitem label="MenuItem 1-B" data="1B"/>
        </menuitem>
        <menuitem label="Menu2" data="top">
            <menuitem label="MenuItem 2-A" type="check" data="2A"/>
            <menuitem type="separator"/>
            <menuitem label="MenuItem 2-B" >
                <menuitem label="SubMenuItem 3-A" type="radio"
                    groupName="one" data="3A"/>
                <menuitem label="SubMenuItem 3-B" type="radio"
                    groupName="one" data="3B"/>
            </menuitem>
        </menuitem>
    </fx:XMLList>
</fx:Declarations>

Answer 1

试试这个，

<fx:Style>
       @namespace s "library://ns.adobe.com/flex/spark";
       @namespace mx "library://ns.adobe.com/flex/mx";
       mx|MenuBar{          
                  color:#ff0000;
             }
       mx|MenuItemRenderer{
              color:#00ff00;
            }
</fx:Style>

从<mx:MenuBar>

中删除颜色属性

希望它有所帮助。