Javascript extjs 4更改默认面板颜色

我想知道是否有可能改变面板的背景颜色。我有一个带有文本字段和其他输入的表单面板，还有一个提交按钮。我想重新设计我的自定义表单的样式，例如将面板更改为绿色和我的botton类。我尝试了bodStyle，但这些更改只反映了formPanel。你有没有完全改变过formPanel的风格

很多

HTML代码：

<div id="ext-form"  align="center" style="box-shadow:#000">     
    <div id="topborder"  align="center" style="box-shadow:#000"/>           
       <div id="test"> 
        </div>
    <div id="bottomborder"  align="center" style="box-shadow:#000">
 </div>

我的表格示例：

---

jsfiddle站点

为什么不将背景样式从

bodyStyle

移动到

style

属性？@Jandalf嗨，我试过了。。。但它不起作用！。。面板的颜色没有改变。。！！像这样：？@Jandalf：是的，我现在可以改变我面板的颜色了。您认为可以将标签和文本的颜色从黑色更改为其他颜色吗？是的，有

标签样式

：

Ext.onReady( function() {    

    Ext.create('Ext.form.Panel', {

        id:'mypanel',
    frame: false,
    //title: 'Analysis Form',
    width: 690,
    bodyPadding: 2,
    renderTo: 'test', 
         bodyStyle: 'background:#a20; padding:10px;',     
     style: {             
         borderColor:'#000000', borderStyle:'solid', borderWidth:'2px'},   

    fieldDefaults: {             
    labelAlign: 'left',
    labelWidth: 90,
    anchor: '100%',
        msgTarget: 'under'
    }, 

    items: [           
        {
    xtype: 'textfield', //3
    fieldStyle: 'background-color: #ddd; background-image: none;',             

    name: 'userAnalysis.username',
    fieldLabel: 'Name',

    value: 'Type Name',
            allowBlank: false //1
    },
            {
    xtype: 'textfield', //3
    name: 'userAnalysis.surname',
    fieldLabel: 'Surname',
    value: 'Type surname'
    },
    {
    xtype: 'datefield', //8
    name: 'userAnalysis.dateFrom',
    fieldLabel: 'From',
    format: 'd/m/Y',
    value: new Date()
    } ,
        {
    xtype: 'datefield', //8
    name: 'userAnalysis.dateTo',
    fieldLabel: 'To',
            format: 'd/m/Y',
    value: new Date()
    } ,
    {
    xtype: 'checkboxgroup', //11

    fieldLabel: 'Choose',
        items:[
            {
            boxLabel: 'Type A',
            name: 'userAnalysis.pressBlod',
                inputValue:'ps'                 
            },
             {
            boxLabel: 'Type B' 
                 ,
                 name: 'userAnalysis.glicemia',
                inputValue:'gli'
           }                  

            ] }  
    ]    
     ,            
        buttons: [                
            {                                
    text: 'Send',                  

    handler: function() {

    var form = this.up('form').getForm();       

    }

     }]


    }); 


    });