如何使用ExtJS更改文本字段的颜色？

Question

我想改变ExtJS文本字段的颜色,但我没有成功.标签是获取颜色的组件:

var textfield= Ext.create('Ext.form.Text', 
    {
        id: 'textfield',
        name: 'name',
        fieldLabel: 'Name',
        style: 'background-color: #ddd;',
        allowBlank: false,
    });

Ext.create('Ext.form.Panel', {
    title: 'Contact Info',
    width: 300,
    bodyPadding: 10,
    renderTo: Ext.getBody(),
    items: [textfield]
});

示例:http: //jsfiddle.net/3ZZcZ/

如何更改颜色？

Answer 1

你需要设置fieldStyle而不是style.您还需要覆盖Ext JS默认值,该默认值在字段上设置背景图像.像这样:

fieldStyle: 'background-color: #ddd; background-image: none;'

Answer 2

解决此问题的更好方法是将fieldCls属性设置为CSS类.

像这样:

现场配置:

fieldCls: 'required'

CSS:

.required {
    background-image:none;
    background-color:#FFFFCC;
}