在Ext JS经典主题中更改网格标题的默认颜色

Question

我想更改网格面板标题的默认颜色。通过在Google上搜索，我找到了一个改变网格标题颜色的小提琴，但在经典主题中却没有用。

https://fiddle.sencha.com/#fiddle/v8j&view/editor

我改变了主题，从小提琴中掉下来，颜色消失了。有没有办法改变经典主题中网格面板标题的颜色？

Answer 1

经典主题包含网格标题的图像。将background-image: none;添加到您的css覆盖中。

这是更新的小提琴：https://fiddle.sencha.com/#fiddle/2fd6&view/editor

Answer 2

将cls属性分配给网格，例如grid-cls，并在CSS文件中写下以下代码段。这会将所有标题的背景更改为红色。

.grid-cls .x-column-header {
    background-color: red;
}

要更改特定列标题的颜色，请为该特定列添加cls，然后在代码中添加以下代码段。

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