使用CSS设置样式类

Question

我有以下需要工作的CSS。我确信我曾经做过类似的事情，但我在谷歌找不到答案。

基本上一些样式属性具有可以更改的子属性，例如Container.borderSkin。您可以在borderSkin样式上设置borderThickness，borderStyle等。

<mx:Style>
        .myBorderSkin
        {
            borderThickness: 5;
            borderColor: #FF0000;
            /*borderStyle: none;*/
        }

        MyControl
        {
            borderSkin: .myBorderSkin;
        }
</mx:Style>

不幸的是，当我运行应用程序时，我收到错误“TypeError：错误＃1034：类型强制失败：无法将”myBorderSkin“转换为Class。”

Answer 1

这就是我的想法：

ButtonBar 
{ 
        buttonStyleName: "buttonBarButton"; 
        firstButtonStyleName: "firstButtonBarButton"; 
        lastButtonStyleName: "lastButtonBarButton";
}

.buttonBarButton 
{
        color: #000000;
        textRollOverColor: #000000;
        textSelectedColor:#000000; 
}

通过设置{x} StyleName属性，您可以将其指向CSS选择器。