我想知道是否有任何 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-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 层次结构。
对于标签标题中的文本样式:
选择“a.ajax__tab_tab”向您的 CSS 文件添加规则并从那里设置颜色/其他属性。
这将影响 TabContainer 中每个选项卡标题中的文本。
例子:
a.ajax__tab_tab {
color: #00898D;
}
你不直接使用css
您应该只更改 sass 变量,然后 sencha cmd 会将它们转换为上述值。每个组件的 SASS 变量都在菜单的文档中。