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="";
                            }
                        },

EDIT。我没有使用表单面板，我在容器中使用xtype：text。

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

Answer 1

使用fieldStyle代替style

demo

<强>更新

我混淆了'text'和'textfield'。

现在我知道了。更改Ext.draw.Text字体样式的唯一方法是使用styleSelector配置它（必须引用有效的css规则），就像在this demo中完成一样。

Answer 2

使用样式中的填充如下所示，使用类型作为文本（Sprite）而不是将Xtype用作文本

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

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

2 个答案: