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

我试图在用户将光标放在文本字段上时更改文本字段的颜色，以便用户更容易找到文本字段

我在另一篇文章《如何使用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;
}

我在小提琴上做了这个测试：

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

我希望这能帮助其他人

---

谢谢你

如果我理解这个问题，你不需要jQuery

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

---

非常感谢你，我不太了解css，所以我尝试使用ExtJs的属性focusCls，但正如你所说的，它是不需要的。这解决了问题，但在所有情况下，ExtJs都应该触发焦点事件……感谢您选择我作为最佳答案！我现在可以评论了！！主要问题已经解决，感谢Marcel，但非工作焦点的问题仍然存在，有人能帮忙吗？