如何在extjs4中更改选项卡面板标题（标题）和面板标题的样式(How to change style of tab panel headers(title) and panel headers in

如何在extjs4中更改选项卡面板标题（标题）和面板标题的样式(How to change style of tab panel headers(title) and panel headers in extjs4)

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

谢谢

I want to knw is there any css class i can override so that all tab panel headers and panel headers style i can change??? if so can some one pls let me know

thanks

最满意答案

对于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，使用谷歌浏览器来检查元素和找出Extjs用于以更专业的方式完成它的类的CSS层次结构。

For Panel headers: To change the style of the text specifically use the classes: x-panel-header-text x-panel-header-text-default To change the background you would need to modify: x-panel-header-default

For tab headers you need to modify: For the text:x-tab-inner For the background there is plenty of classes that affect how the background is displayed: 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

Because of the way CSS calculates how to style elements, if you are not really good with CSS you will probably need to use !important in each attribute you change, else if you know how to use CSS better, use google chrome to inspect elements and figure out the CSS hierarchy of classes that Extjs uses to do it in a more professional way.