更改CF9中cflayout选项卡的外观

我试图覆盖cflayout选项卡的默认外观。更改CF9中cflayout选项卡的外观

通过将编辑的背景精灵放入网站图像文件夹中，我可以改变悬停外观，但我似乎无法通过引用内置的.x-tab-strip-over类来使悬停时的文字变为白色。

在行动here

<style type="text/css"> 
    div.x-tab-panel-header, ul.x-tab-strip-top { 
     background-image: none; 
     background-color: transparent; 
     padding-bottom: 0px; 
    } 
    div.x-tab-panel-header { 
     border: 0px; 
    } 
    .x-tab-strip-active, .x-tab-strip-text { 
     font-weight: normal !important; 
     font-size: 14px !important; 
     font-family: arial !important; 
    } 
    .x-tab-strip-over { 
     color: white !important; 
    } 
    .x-tab-right, .x-tab-left, .x-tab-strip-inner { 
     background-image: url(images/xd-tabs-sprite.gif) !important; 
    } 
</style> 

<cflayout type="tab"> 
    <cflayoutarea title="Mouse"> 
     Mickey Mouse 
    </cflayoutarea> 
    <cflayoutarea title="Duck"> 
     Donald Duck 
    </cflayoutarea> 
</cflayout>

任何线索赞赏

来源

2011-06-12 Saul

用途：

.x-tab-panel-header .x-tab-strip-over span { 
    color: white; 
} 
.x-tab-panel-header .x-tab-strip-over.x-tab-strip-active span { 
    color: red; 
}

有很多在那里发生的，所以我只是测试，直到我发现了一些工作。

来源

2011-06-12 14:12:09 thirtydot

是的，我觉得一个稍微脏的修复，但该做的:-) – Saul 2011-06-12 19:27:30

CF9使用ExtJS的3.x的同时CF8使用的ExtJS 2.x的

如何使用：

点击分机主题生成器。

选择模板顶部工具栏中的（蓝色或灰色）（我推荐 - 灰）

选择基本颜色，标题颜色，背景颜色，边框颜色，标题字体，字体，窗口透明度，工具集（默认值， Vista， TargetProcess，Graphite）和ExtJS 版本。未选择边框颜色会可根据基色

单击应用

输入主题名称

点击下载主题自动分配。这将是xtheme主题name.zip文件

http://extbuilder.dynalias.com/springapp/mainpage.htm

来源

2011-06-12 15:27:00 Henry

+1，因为这很可能这样做的正确方法。 – thirtydot 2011-06-12 19:33:34

更改CF9中cflayout选项卡的外观

回答

相关问题