Extjs 3.x：在tabpanel选项卡中默认主题颜色为白色的替代方案

Question

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

我尝试在表单、TabPanel和选项卡中添加

bodyStyle: 'background-color: transparent !important'

它在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: [
                ...
            ]
        }]
    }]
});

- Chau

Answer 1

为什么不使用background:none呢？

bodyStyle: 'background: none'

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

顺便说一下，FormPanel没有蓝色背景，它的默认背景是白色。

- Lionel Chan