如何更改ExtJS4中工具栏的背景颜色

Question

我正在尝试更改工具栏的背景颜色。现在，我有经典主题。我希望工具栏背景颜色为深蓝色，但此颜色更改不适用于正在创建的所有工具栏。有人可以指导我如何做这件事吗？

提前致谢..

Answer 1

您也可以尝试使用"style"配置选项。

Ext.define 'App.your_package.CustomToolbar',
    extend: 'Ext.toolbar.Toolbar'
    xtype: 'my-custom-toolbar'
    style: 'background-color: #112D41;'

干杯！

Answer 2

使用cls config

Ext.create('Ext.toolbar.Toolbar', {
    ...,
    cls: 'myBgCls',
    ...

然后用css来改变背景：

.myBgCls{
    background: blue;
}