2012-12-07 73 views
0

我需要更改以下文本的顏色。除了文本顏色外,樣式字段中的其他所有內容都適用。 有人能告訴我我在做什麼錯嗎?更改extjs4.1中xtype文本的顏色

{ 
          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/(這仍然使用形式面板,但這是爲了顯示顏色不改變文本)

回答

6

使用fieldStyle代替style

demo


更新

我混淆了'text'和'textf ield」。

現在我明白了。更改Ext.draw.Text字體樣式的唯一方法是使用styleSelector(必須引用有效的css規則)對其進行配置,就像在this demo中完成的那樣。

+0

fieldStyle:「顏色:藍色;」,..this沒有任何區別.. – Micheal

+0

如果我不清楚,我很抱歉。請參閱http://jsfiddle.net/nCkZN/4/ – Micheal

+0

@ user856753,我明白了。看到更新 –

1

使用填充在樣式如下使用類型爲文本(雪碧)而不是使用的xtype文本

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