изменить цвет текста xtype в extjs4.1

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: текст внутри контейнера.

http://jsfiddle.net/nCkZN/4/ (это до сих пор использует форму панели. Но это, чтобы показать текст цвет не меняется)

Answer 1

использование fieldStyle вместо style

demo

---

Update

Я путаю 'текст' и 'textf IELD.

Теперь у меня это есть. Единственный способ изменить стиль шрифта 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" 
    }] 
});