TitleWindow 中的按钮颜色错误

Question

我有一个 TitleWindow，里面有 2 个按钮。 一个按钮位于内容组中，另一个按钮位于控制栏组中。 标题窗口和按钮采用 chromecolor 样式。

为什么书房控制栏中的按钮不是红色的？

如何获得红色按钮？

<?xml version="1.0" encoding="utf-8"?>
<s:TitleWindow     xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:s="library://ns.adobe.com/flex/spark"
            xmlns:mx="library://ns.adobe.com/flex/mx"
            horizontalCenter="0" verticalCenter="0"
            width="300" height="400"
            isPopUp="true">

             <s:Button label="Red Button" />

             <s:controlBarContent>
                 <s:Button label="Red Button"  />
             </s:controlBarContent>
</s:TitleWindow>

Style.css：

s|TitleWindow{
    chromeColor: #00FF00;  //Green
    backgroundColor: #0000FF; //Blue

}

s|TitleWindow s|Button{
    chromeColor: #FF0000; //Red
}  

Answer 1

就我个人而言，我会尝试使用按钮本身的 styleName 为按钮添加颜色，除非您确实希望 TitleWindow 下的所有按钮均为红色。

在这种情况下，我相信它没有显示在 controlBarContent 中的原因是它不是 TitleWindow 的直接后代，因为该属性实际上只是将其添加到在 TitleWindow 下分组（根据面板的默认皮肤）。

无论如何，如果我是你，我会这样做：

s|Button.red
{
   chrome-color:#FF0000;
}

<s:Button label="Red" styleNane="red" />