Sencha Touch：更改组件的文本颜色答案

【问题标题】：Sencha Touch: Change text color of a componentSencha Touch：更改组件的文本颜色
【发布时间】：2014-08-20 03:10:13
【问题描述】：

我有一个包含组件的简单视图（容器）。使用Ext.getCmp('foo').setHtml('bar');向该组件添加内容

我现在想更改组件“foo”的文本颜色。使用 style-property 可以正常工作，但前提是 styleHtmlContent 设置为 false。

如何更改文本颜色但仍将styleHtmlContent 设置为true？

【问题讨论】：

【解决方案1】：

您可以使用Ext.Component#addCls(String) 方法向您的组件添加一些 CSS 类。

一旦你的 bar 类在你的 css 文件中声明了你的文本样式，就这样做：

Ext.getCmp('foo').addCls('bar');

这样，您只需向组件添加一些 CSS 样式，而不是覆盖它们。

【讨论】：

【解决方案2】：

在特定组件上将属性styleHtmlCls 设置为<myClass> 是诀窍！这样做我能够创建一个自定义 css 文件，其中包含指定自定义颜色的 <myClass>...

【讨论】：