我一定是犯了一个简单的错误(Flex 的新手)。这是 main.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
backgroundColor="#ff0000">
<mx:Style source="/testing123.css"/>
<mx:Canvas top="0" bottom="0" left="0" right="0" styleName="bg-lowlight" >
</mx:Canvas>
</mx:Application>
这是testing123.css:
.bg-lowlight
{
backgroundColor: #003366;
}
画布在设计模式下呈现良好(漂亮的深蓝色),但是当我运行应用程序(在浏览器或 Flash Player 中)时,框架是红色的(来自应用程序标记的颜色)。如果我直接指定 Canvas 的颜色,而不是通过 styleName,它会按预期工作(运行时为蓝色画布)。
我正在使用 FlexBuilder3,并且宁愿将颜色放在 .css 文件中,而不是放在每个 Flex 元素上!
帮助!!!
*** 附加问题描述...与外部 .css 文件无关。即使我在 main.xml 文件中声明了 CSS 样式,它在设计模式下看起来仍然很好,但在运行时却出错了。我完全受阻。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="#ff0000">
<mx:Style >
.bg-lowlight
{
backgroundColor: #003366;
}
</mx:Style>
<mx:Canvas top="0" bottom="0" left="0" right="0" styleName="bg-lowlight" id="canvas1">
</mx:Canvas>
</mx:Application>