Flex 4 - MXML组件中的CSS类型选择器

时间:2010-06-04 15:08:01

标签: css components mxml flex4 css-selectors

有没有人知道为什么CSS类型选择器不能在MXML组件中使用,和/或使其工作的技巧?

我认为没有理由不支持这么简单的功能,我真的很想理解。

毕竟我读到Flex 4中的CSS比Flex 3好得多,当我被迫重复自己时,我发现自己非常失望,将相同的参数添加到我的所有按钮......

    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        .sampleStyle {   color: red;   }        
    </fx:Style>

    <s:Button label="1" styleName="sampleStyle"/>
    <s:Button label="2" styleName="sampleStyle"/>
    <s:Button label="3" styleName="sampleStyle"/>


...虽然我可以简单地使用类型选择器并使我的MXML代码更加清晰和可读。

    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        s|Button {   color: red;   }        
    </fx:Style>

    <s:Button label="1"/>
    <s:Button label="2"/>
    <s:Button label="3"/>


我没有找到关于这个问题的任何信息(除了Adobe文档基本上只是说“那是不可能的”),但我真的很想知道背后的原因。 有没有我得不到的东西,或者这些选择器实际上是完全没用的?

1 个答案:

答案 0 :(得分:2)

我有同样的问题!我需要覆盖TextInputs中的默认文本颜色。您可以编辑主css文件:

my|Component s|Button {
    color: red;
}