在 ExtJS 面板中更改标题背景颜色答案

【问题标题】：Change title background color in ExtJS Panel在 ExtJS 面板中更改标题背景颜色
【发布时间】：2018-10-05 07:48:38
【问题描述】：

我有两个面板，我希望它们的标题与 Ext JS 主题提供的默认颜色不同...

items: [{
        title: 'Blacklist',
        style: {
            backgroundColor: 'red',
            backgroundImage: 'none'
        },
        padding: '5 5 5 5',
        cls: 'blackList',
        items: [
            grid
        ]
    }
]

但它不起作用。我还尝试在styles.css 中设置 CSS 属性，但它只更改了标题的一部分。

#panel-1091_header-title-textEl{
    background-color: black !important;
}

【问题讨论】：

你需要删除捕手才能看到变化
你能说得更具体点吗？

标签： css extjs

【解决方案1】：

FIDDLE

风格如下：

.myCls .x-panel-header-default {
    background-color: green;
}

您在面板属性中定义cls：

cls: 'myCls'

【讨论】：

【解决方案2】：

Fiddle

请使用标题并对其应用样式：

title: 'Blacklist',
header: {
    style: {
        backgroundColor: 'red'
    }
},

不需要使用cls

【讨论】：