如何在extjs4中更改选项卡面板标题(标题)和面板标题的样式

时间:2012-08-10 14:18:23

标签: javascript extjs4.1

我想知道是否有任何css类我可以覆盖,以便所有选项卡面板标题和面板标题样式我可以更改??? 若有,请允许我知道

感谢

3 个答案:

答案 0 :(得分:3)

对于Panel标题: 要更改文本的样式,请使用以下类: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-top-active x-tab-default-top-active

由于CSS计算如何设置元素样式的方式,如果你对CSS不是很好,你可能需要在你改变的每个属性中使用!important,否则如果你知道如何更好地使用CSS,请使用google chrome来检查元素并找出Extjs用于以更专业的方式执行它的类的CSS层次结构。

答案 1 :(得分:1)

用于样式标题标题中的文本样式:

在CSS文件中添加一条规则,选择“a.ajax__tab_tab”并从那里设置颜色/其他属性。

这将影响TabContainer中每个标签标题中的文本。

示例:

a.ajax__tab_tab {
color: #00898D;
}

答案 2 :(得分:0)

您不直接使用css

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