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的主要内容,如果未能解决你的问题,请参考以下文章
符号 &tagname 的含义:用于材质 UI 中的 css 样式。例如:&div: display: 'flex' '