Javascript 更改Ext JS classic主题中网格标题的默认颜色

Javascript 更改Ext JS classic主题中网格标题的默认颜色,javascript,css,extjs,Javascript,Css,Extjs,我想更改网格面板标题的默认颜色。通过在谷歌上搜索,我发现一把小提琴改变了网格标题的颜色,但在经典主题中它不起作用 我改变了主题,从下拉到小提琴的颜色消失了。有没有办法更改经典主题中网格面板标题的颜色?经典主题包含网格标题的图像。添加背景图像:无到您的css覆盖 以下是更新的fiddle:将cls属性分配给grid,比如grid cls,并在CSS文件中写入下面的代码段。这会将所有标题的背景更改为红色 .grid-cls .x-column-header { background-col

我想更改网格面板标题的默认颜色。通过在谷歌上搜索,我发现一把小提琴改变了网格标题的颜色,但在经典主题中它不起作用


我改变了主题,从下拉到小提琴的颜色消失了。有没有办法更改经典主题中网格面板标题的颜色?

经典主题包含网格标题的图像。添加
背景图像:无到您的css覆盖


以下是更新的fiddle:

将cls属性分配给grid,比如grid cls,并在CSS文件中写入下面的代码段。这会将所有标题的背景更改为红色

.grid-cls .x-column-header {
    background-color: red;
}
若要更改特定列标题的颜色,请向该特定列提供cls,并在代码中添加下面的代码段

.x-column-header.test{
    background:red;
}

我可以通过网格面板上的一个cls将所有标题更改为白色吗?现在我必须把cls放在每个列标题上。我只想更改一个特定网格标题的颜色,而不是全部。这将更改应用程序中的所有网格头。您可以使用cls配置为网格面板指定一个css类,如下所示:
cls:“网格面板类”
。然后可以设置自定义css,如
.grid panel class.x-column-header{}
.grid panel class.x-column-header.red{}
我只想更改一个特定网格头的颜色,而不是全部。这将更改应用程序中的所有网格标题。无论如何,您指定的问题将更新答案。我希望这会有所帮助。