微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

更改CF9中cflayout选项卡的外观

如何解决更改CF9中cflayout选项卡的外观

|| 我正在尝试覆盖cflayout标签认外观。 通过将经过编辑的背景精灵放置到网站图片文件夹中,我可以更改悬停外观,但是通过引用内置的.x-tab-strip-over类,似乎无法使文本在悬停时变为白色。 在这里行动
    <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>
任何线索表示赞赏     

解决方法

        采用:
.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使用ExtJS 3.x,而Cf8使用ExtJS 2.x   如何使用:         单击Ext主题生成器。   在顶部工具栏中选择模板(蓝色或灰色)(我建议-灰色)   选择基础颜色,标题颜色,背景颜色,边框颜色,标题   字体,字体,窗口透明度,   工具集(默认,Vista,   TargetProcess,Graphite)和ExtJS   版。未选择的边框颜色将   根据   基本颜色   点击应用   输入主题名称   单击下载主题。这将是xtheme-Theme name.zip文件    http://extbuilder.dynalias.com/springapp/mainpage.htm     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。