Flex - 使用 CSS 样式化 TextArea

Posted

技术标签:

【中文标题】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 的文件中,然后执行

以上是关于Flex - 使用 CSS 样式化 TextArea的主要内容,如果未能解决你的问题,请参考以下文章

使用 flex css 样式时的自定义控件宽度

前端css样式封装-flex

将3个div样式化以在flex容器内正确对齐[关闭]

符号 &tagname 的含义:用于材质 UI 中的 css 样式。例如:&div: display: 'flex' '

Flex:在 AS3 中更改 Flex 组件样式

自定义checkbox样式