Css 更改dijit布局选项卡容器的选项卡颜色
我正在尝试更改Css 更改dijit布局选项卡容器的选项卡颜色,css,dojo,dijit.layout,Css,Dojo,Dijit.layout,我正在尝试更改dijitlayouttabcontainer的标题文本颜色,以便在选项卡处于活动和非活动状态时使用 有人知道tabcontainer标题颜色的css属性名称是什么,或者我在哪里可以找到它们 我正在使用dojo版本1.12 谢谢 Pete您可以使用.tabLabelcss类更改tabcontainer的文本颜色,如果您想在tab的活动状态下设置颜色, 只需使用.dijitTabChecked.tabLabel进行检查 请参见下面的工作代码段: 需要([ “dojo/query”,
dijit
layouttabcontainer
的标题文本颜色,以便在选项卡处于活动和非活动状态时使用
有人知道tabcontainer标题颜色的css属性名称是什么,或者我在哪里可以找到它们
我正在使用dojo版本1.12
谢谢
Pete您可以使用
.tabLabel
css类更改tabcontainer的文本颜色,如果您想在tab的活动状态下设置颜色,
只需使用.dijitTabChecked.tabLabel
进行检查
请参见下面的工作代码段:
需要([
“dojo/query”,
“dojo/on”,
“dojo/dom风格”,
“dijit/layout/TabContainer”,
“dijit/layout/ContentPane”,
“dojo/domReady!”
],函数(查询、打开、domStyle、TabContainer、ContentPane){
var tc=新标签容器({
样式:“高度:100px;宽度:100%;”
}“tabContainer”);
var cpOrg=新内容窗格({
标题:“表一”,
内容:“表1的内容”
});
tc.addChild(cpOrg);
var cpShared=新内容窗格({
标题:“表二”,
内容:“表2的内容”
});
tc.addChild(cpShared);
var cpPrivate=新内容窗格({
标题:“表三”,
内容:“表3的内容”
});
tc.addChild(cpPrivate);
tc.startup();
});代码>
#tabContainer.tabLabel{
颜色:绿色;
}
#tabContainer.dijitTabChecked.tabLabel{
颜色:红色;
字体大小:粗体;
}