Flex - 使用 CSS 样式化 TextArea答案

【问题标题】：Flex - style TextArea with CSSFlex - 使用 CSS 样式化 TextArea
【发布时间】：2012-02-29 07:06:27
【问题描述】：

只是想知道是否可以将 *.css 应用于 spark TextArea？如果有，怎么做？

【问题讨论】：

【解决方案1】：

<fx:Style>
    @namespace s "library://ns.adobe.com/flex/spark";
    @namespace mx "library://ns.adobe.com/flex/mx";
    @namespace local "*";
    s|Label
    {
        color:#33494A;
        fontFamily: "ApexNew";
        fontSize: 14pt;
    }
    s|TextArea
    {
        color:#33494A;
        fontFamily: "ApexNew";
        fontSize: 14pt;
    }
    @font-face
    {
        fontFamily: "ApexNew";
        src:url('font/ApexNew-Medium.otf');
    }
</fx:Style>

或

<fx:Style source="something.css"/>

[something.css]

@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
@namespace local "*";
s|Label
{
    color:#33494A;
    fontFamily: "ApexNew";
    fontSize: 14pt;
}
s|TextArea
{
    color:#33494A;
    fontFamily: "ApexNew";
    fontSize: 14pt;
}
@font-face
{
    fontFamily: "ApexNew";
    src:url('font/ApexNew-Medium.otf');
}

【讨论】：

CSS 代码去哪了？恐怕我对 flex 组件的样式一无所知
您可以将 CSS 内联或放入单独的 css 文件中，我将编辑上面的答案以内联显示，对于单独的 css 文件，您只需复制标记到另一个名为 something.css 的文件中，然后执行