Question

我必须犯一个简单的错误（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;
    }

Canvas在设计模式下渲染得很好（深蓝色），但是当我运行应用程序时（在浏览器或Flash Player中），框架为红色（Application标签中的颜色）。如果我直接指定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>

Answer 1

运行应用程序时，活动目录会更改，因此“/testing123.css/”不再引用正确的文件。

编辑：实际上真的很烦人。

Answer 2

所以......在CookieOfFortune的帮助下，我找到了问题的根源：

CSS类名称（ bg-lowlight ）无效。 < - li>不允许使用“ - ”

当你猜到什么是合乎逻辑的时候，我猜是会发生什么！

我必须犯一个简单的错误：Flex CSS样式不适用于trival案例

2 个答案: