Flex - 使用 CSS 样式化 TextArea

Posted 2023-05-07

【中文标题】Flex - 使用 CSS 样式化 TextArea

【英文标题】：Flex - style TextArea with CSS

【发布时间】：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 的文件中，然后执行