3

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

谢谢

4

3 回答 3

3

对于面板标题：要更改文本的样式，请专门使用类：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-default-top x-active x-tab-active x-tab-default-active x-top-active x-tab-顶部活动 x-tab-default-top-active

由于 CSS 计算元素样式的方式，如果您对 CSS 不是很擅长，您可能需要在更改的每个属性中使用 !important，否则如果您知道如何更好地使用 CSS，请使用谷歌浏览器检查元素和找出 Extjs 以更专业的方式使用的类的 CSS 层次结构。

于 2012-08-10T20:52:24.007 回答
1

对于标签标题中的文本样式：

选择“a.ajax__tab_tab”向您的 CSS 文件添加规则并从那里设置颜色/其他属性。

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

例子：

a.ajax__tab_tab {
color: #00898D;
}
于 2013-03-14T01:30:52.347 回答
0

你不直接使用css

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

于 2013-12-07T00:29:34.783 回答