在焦点上更改文本字段颜色ExtJs

Question

我试图在用户将光标放在上面时更改文本字段的颜色，以方便用户查找文本字段。

我在另一篇文章中看到如何用css规则改变颜色，我在API中发现了fieldCls和focusCls来改变颜色，但它不工作，我知道问题出在焦点上事件未菲林，按钮的

定义：

xtype:'textfield', 
focusCls:'red', 
fieldCls:'green', 
listener: { 
    'focus':function(){ 
     Ext.Msg.Alert('Focus','TextField have focus'); //This don't run 
    } 
} 

CSS规则：

.red { 
    background-image: none; 
    background-color:#ff0000 !important; 
} 
.green { 
    background-image: none; 
    background-color:#00ff00 !important; 
} 

我做了这个测试对小提琴：http://jsfiddle.net/FabioJCosta/3ZZcZ/547/

即使我用按钮textfield.focus（false，200）强制焦点;焦点事件并不激烈。

我希望这可以帮助另一个人。

谢谢你

Answer 1

如果我理解问题，则不需要jQuery。

.green:focus { 
    background-image: none; 
    background-color:#ff0000 !important; 
} 
.green { 
    background-image: none; 
    background-color:#00ff00 !important; 
}