Javascript 如何更改extjs4中选项卡面板标题（标题）和面板标题的样式

我想知道，是否有任何css类我可以覆盖，以便所有选项卡面板标题和面板标题样式我可以更改？？？ 如果有的话，请告诉我

感谢您提供面板标题： 要更改文本样式，请特别使用类：x-panel-header-text x-panel-header-text-default 要更改背景，您需要修改：x-panel-header-default

对于需要修改的选项卡标题： 对于文本：x-tab-inner 对于背景，有很多类会影响背景的显示方式：x-tab x-box-item x-tab-default x-noicon x-tab-noicon x-tab-default-noicon x-top x-tab-top x-tab-active x-tab-active x-tab-active x-tab-default-active x-top-active x-tab-top-active

---

由于CSS计算如何设置元素样式的方式，如果您不太擅长CSS，您可能需要使用！重要的是，在您更改的每个属性中，如果您知道如何更好地使用CSS，请使用google chrome检查元素并找出Extjs使用的类的CSS层次结构，以便以更专业的方式完成此操作。

要设置选项卡标题中文本的样式：

在CSS文件中添加一条规则，选择“a.ajax\u\u tab\u tab”，并从中设置颜色/其他属性

这将影响TabContainer中每个选项卡标题内的文本

例如：

a.ajax__tab_tab {
color: #00898D;
}

---

您不直接使用css

您只需更改sass变量，然后sencha cmd将它们转换为上述值。每个组件的SASS变量都在菜单中的文档中