Extjs 3.x：tabpanel 选项卡中的默认主题颜色而不是白色

Question

我创建了一个 FormPanel 和一个带有多个选项卡的 TabPanel 。选项卡的背景颜色默认为白色，但我希望它们都具有通常出现在 Panel 中的主题（默认蓝色）颜色。

我尝试过添加

bodyStyle: '背景颜色：透明！重要'

​​对于表单、选项卡面板和选项卡来说，它在 IE9 和 Chrome 中有效，但在 FireFox 中无效？

为什么 transparent 作为伪颜色值在 FireFox 中被丢弃？

---

JavaScript：

var form = new Ext.form.FormPanel({
    border: false,
    bodyStyle: 'background-color: transparent !important',            
    layout: 'fit',
    items: [
    {
        xtype: 'tabpanel',
        activeTab: 0,
        bodyStyle: 'background-color: transparent !important',
        deferredRender: false,
        defaults: {
            bodyStyle: 'padding: 4px; background-color: transparent !important',
            layout: 'form',
            autoScroll: true
        },
        items: [
        {
            title: 'Tab 1',
            items: [
                ...
            ]
        }, {
            title: 'Tab 2',
            items: [
                ...
            ]
        }]
    }]
});

Answer 1

为什么不使用 background:none 来代替呢？

bodyStyle: 'background: none'

查看演示：http://jsfiddle.net/chaoszcat/ug7Qg/。

顺便说一下，FormPanel 看起来没有蓝色背景。它的背景默认为白色。