需要帮助设计Flex中的TabNavigator样式

Question

我有一个标签导航控件，我想让所有标签都有一定的颜色，比如蓝色...

如何做到这一点？

我尝试过以下CSS：

TabNavigator
{
    tabStyleName: "tabs";
}
.tabs {
    backgroundColor:#6588b9;
}

但它似乎只适用于所选标签...

然后我尝试以编程方式进行：

for(var i:int=0; i<num_of_tabs; i++)
    tn.getTabAt(i).setStyle("backgroundColor","blue");

然而，同样的事情发生（只有选定的标签显示蓝色背景）

我可以做什么，以便所有标签都是蓝色的？我是否需要考虑剥皮？

感谢。

Answer 1

我有一个带有样式标签的项目（我假设你的意思是标签本身，而不是内容）。我确信还有其他方法，但这就是我最终得到的结果：

.myTabStyle {
    tabStyleName: "myTabs"
}
.myTabs {
    backgroundColor: #ff0000;
    fillColor: #000000;  /* this is the tab widget itself, not the content */
}
<mx:TabNavigator ... styleName="myTabStyle" .. >

在Flex中有几个地方你必须使用CSS样式来引用其他样式来钻取你想要的小部件（另一个例子是在TitleWindow上设置标题栏样式）。

我希望这会有所帮助。

顺便说一下，我偶尔会看到Mac上的“撕裂” Windows，FireFox，IE，Safari，Flash 9和10，带有大字体＆amp;彩色标签 - 我不确定这是我正在做的事情，有关较大的字体，或彩色标签本身 - 但只是一个单挑。这只有在使用Flex 3 SDK构建时才会发生（从未在Flex 2中看到它）。