更改Textareafield的背景颜色

Question

我无法在EXT js4.2中更改Textareafield的backgroundColor

css

 .disable-field{
            background: #b5b8c8 !important;
        }   

Js

 var remaskTextField = Ext.create('Ext.panel.Panel', {
         id  : 'remasksTextField',
        title: 'Remark',
        items: [ {
            id        : 'remask',
            xtype     : 'textareafield',
            name      : 'message',
            width: 310,
            height:230
        }]
     });

我尝试了以下代码来更改颜色。 只有第一个可以更改backgroundColor，但Textareafield的顶行仍保持不变。

document.getElementById('remaskTextField').style.backgroundColor = "#c3c5ce";
Ext.getCmp('remask').addClass('disable-field');
Ext.getCmp('remasksTextField').addClass('disable-field');

Answer 1

一种适用于我的ExtJS 4.2的方法是fieldStyle config：

  

fieldStyle ：字符串

     

要应用于字段输入元素的可选CSS样式。应该   是Ext.Element.applyStyles的有效参数。默认为未定义。   另请参见setFieldStyle方法，以在之后更改样式   初始化。

示例：

Ext.onReady(function() {
    Ext.create('Ext.form.TextArea', {
        renderTo: Ext.getBody(),
        width: 400,
        height: 400,
        fieldStyle: "background: #b5b8c8 none repeat scroll 0 0 !important;"
    });
});