私は単純な間違いを犯しているに違いありません (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 タグの色) になります。styleName ではなく Canvas の色を直接指定すると、期待どおりに動作します (実行時に青いキャンバス)。
私は FlexBuilder3 を使用していますが、すべての Flex 要素ではなく、.css ファイルに色を配置したいと考えています。
ヘルプ!!!
*** 問題の追加説明 ... 外部の .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>