Question

我正在尝试覆盖cflayout标签的默认外观。

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

行动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>

任何线索都赞赏

Answer 1

CF9使用ExtJS 3.x，而Cf8使用ExtJS 2.x

使用方法：


点击Ext Theme Builder。

在顶部工具栏中选择模板（蓝色或灰色）（我建议 - 灰色）

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

点击“应用”

输入主题名称

点击下载主题。它将是xtheme-Theme name.zip文件

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

Answer 2

使用：

.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;
}

那里有很多事情发生，所以我只是测试，直到找到了有用的东西。

改变CF9中cflayout标签的外观

2 个答案: