使用CSS设置我的Flex应用程序的样式

时间:2011-12-07 12:04:54

标签: css flex layout flash-builder

我正在使用Flash builder 4.5制作网站。目前我正在努力研究我的网站布局,但我遇到了一些问题。首先,我的CSS看起来像这样。

/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";

s|Application{
    backgroundColor : #ffffff;
}

mx|LinkButton{
backgroundColor : #000000;
color: #666666;
}

s|Button{
backgroundColor : #666666;  
color: #666666;
}

问题是我的按钮和链接按钮都没有获得我在上面的样式表中设置的颜色,但是我的应用程序backgroundcolor是我在上面的css文件中设置它的颜色。所以我确定我的样式表的网址是正确的......就是这样:

<fx:Style source="PsyThOn.css"/>

这就是我的代码(片段)

<mx:LinkButton id="btnHome" width="100" height="30"
                   label="Startpagina" click="goHome(event)"/>
<mx:LinkButton id="btnProfiel" visible="{profielVisible()}" height="30"
                   label="Profiel" click="toonProfiel(event)"/>

由于我对弹性开发相对较新,问题可能很明显,但我不能指责它。 有帮助吗? 是否有其他/更好的方式来设置flex应用程序的样式?

提前致谢。

1 个答案:

答案 0 :(得分:0)

尝试使用chromeColor

像这样:

s|ActionBar
{
    chromeColor: #229988;
        titleAlign: center;
}

s|ActionBar #titleDisplay
{
    color: #CCCCCC; /* default color is white */
    fontSize: 40;
    fontFamily: "Comic Sans MS";
}