如何修改Dijit Layout TabContainer激活与未激活标签的文字颜色？

嘿，刚好对Dojo 1.12的TabContainer样式调整熟得很，给你详细说下怎么改标签的文字颜色~

1. 未激活标签的文字颜色 #

未激活状态的标签默认使用 .dijitTab 这个CSS类，直接修改它的 color 属性就能调整文字颜色：

.dijitTab {
  color: #666666; /* 替换成你想要的未激活颜色 */
}

2. 激活标签的文字颜色 #

激活状态的标签会额外添加 .dijitTabActive 类，针对这个类写样式就能覆盖默认的激活态文字颜色：

.dijitTabActive {
  color: #1a1a1a; /* 替换成你想要的激活颜色 */
}

3. 主题相关的注意点 #

如果你用了Dojo自带的主题（比如Claro），建议在选择器前加上主题类名，避免样式冲突：

/* Claro主题下的未激活标签 */
.claro .dijitTab {
  color: #666666;
}

/* Claro主题下的激活标签 */
.claro .dijitTabActive {
  color: #1a1a1a;
}

怎么找到更多相关属性？ #

• 最直接的方式是用浏览器开发者工具（F12），选中Tab标签元素，在Elements面板里查看它的CSS类和对应的默认样式，就能看到所有可修改的属性。
• 也可以去Dojo 1.12的Dijit主题源码里找对应文件，比如Claro主题的 tabContainer.css，里面会列出所有TabContainer相关的样式类和属性定义。

内容的提问来源于stack exchange，提问作者pvitt