在 extjs4.1 中更改 xtype 文本的颜色

Question

我需要更改下面文本的颜色。样式字段中除文本颜色外的其他所有内容都有效。有人可以告诉我我在这里做错了什么吗？

{
                            xtype: 'text',
                            text: "Logged in as:",
                            textAlign:'left',
                            style : "color:#3E546B;font-style:italic;font-family: tahoma, arial, verdana, sans-serif;font-size: 11px;",
                            width: 140,
                            handler: function() {
                                document.location.href="";
                            }
                        },

编辑。我没有使用表单面板，而是在容器内使用 xtype：text。

http://jsfiddle.net/nCkZN/4/（这仍然使用表单面板。但这是为了显示文本颜色没有改变）

Answer 1

使用 fieldStyle 而不是 style

演示

---

更新

我混淆了"文本"和"文本字段"。

现在我明白了。更改Ext.draw.Text字体样式的唯一方法是使用 styleSelector（必须引用有效的 css 规则）对其进行配置，就像在本演示中所做的那样。

Answer 2

使用填充样式 如下所示，使用类型作为文本（精灵），而不是使用 Xtype 作为文本

Ext.create('Ext.draw.Component', {
    renderTo: Ext.getBody(),
    width: 200,
    height: 200,
    items: [{
        type: "text",
        text: "Hello, Sprite!",
        fill: "green",
        font: "18px monospace"
    }]
});