更改焦点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;
}