使用CSS定义Flex 4外观

|| 我正在尝试通过CSS定义Flex 4外观,但是我的自定义外观不会显示。这是我在做什么: 在我的应用程序中,导入css并在按钮中定义styleName:
        <fx:Style source=\"styles.css\"/>
        <s:Button label=\"Button\" styleName=\"circle\"/>
这是我的CSS:
@namespace s \"library://ns.adobe.com/flex/spark\";
@namespace mx \"library://ns.adobe.com/flex/mx\";

s|Button.circle
{
    skinClass: ClassReference(\"skins.buttons.CircleButton\");
}
我的理解是我的按钮应该通过CSS提供给它的skinClass,但是它无法正常工作。如果我直接定义skinClass如下所示,则效果很好:
<s:Button label=\"Button\" skinClass=\"skins.buttons.CircleButton\"/>
任何帮助,将不胜感激。     
已邀请:
确保首先将您的CSS文件放在根应用程序文件下。其次,我会尝试在不使用类型选择器的情况下执行css,因此不要执行
s|Button.circle
,而要执行
.circle
。 编辑 您也可以尝试将样式放在与按钮相同的容器中的“样式”标签中,以查看是否可行。您确定您的应用程序可以找到您的style.css吗?显示更多代码可能会帮助解决这种情况。     
根据官方的Flex CSS文档:   类选择器:一个CSS类选择器   匹配符合类别的组件   条件。声明一个CSS语法   类选择器是前缀   点状的情况。你可以   将类选择器声明为   类型选择器的条件,或   普遍适用于符合   课堂条件。
.header { background-color: #CCCCCC; }

HBox.footer { background-color: #999999; }
  注意:在Flex中,满足班级条件   在上使用styleName属性   零件。例如,您可能有   HBox的两类:\“ header \”和   \“页脚\”。上面是第一个选择器   适用于任何具有   styleName = \“标题\”;第二   选择器应仅适用于HBox   styleName = \“ footer \”的组件   (实际上需要   在Gumbo中固定并执行   迄今为止的类选择器仅   通用和选择器中的任何类型   被忽略)。 看来选择器可能无法在Gumbo中使用...     

要回复问题请先登录注册