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

时间:2014-07-14 16:41:49

标签: javascript css extjs focus textfield

当用户将光标放在文本字段上时,我正在尝试更改文本字段的颜色,以便用户更容易找到文本字段。

我在另一篇文章中看到如何使用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强制对焦(假,200);焦点事件并不激烈。

我希望这有助于其他人。

谢谢

1 个答案:

答案 0 :(得分:1)

如果我理解了这个问题你就不需要jQuery。

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