如何解决更改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 举报,一经查实,本站将立刻删除。