Dojo Dijit样式问题
[英]Dojo Dijit styling issues
问题描述
我正在尝试使用具有修改过的dijit主题的dijit/layout/TabContainer 。 我需要修改TabContainer选项卡的某些样式，例如选项卡的填充，粗体等。但是，特定于使用TabContainer的页面的样式命令不起作用。
这段代码在我主页的CSS文件中。
.myTheme .homeTabContent
{
font-weight: bold !important;
}
.myTheme .homeTabContent .dijitTab /* The .dijitTab is the original CSS class of the tab*/
{
font-weight: bold !important;
padding-left: 3px !important;
padding-right: 3px !important;
}
尽管!important ，选项卡的填充和字体粗细仍保持不变。 在myTheme编辑TabContainer CSS文件不是一个实际的解决方案，因为我只会弄乱另一个页面的样式。 发生的情况是，当我使用样式加载页面时，我的命令似乎在TabContainer ，但是当TabContainer完成加载时，所有这些操作都将被撤消。 谁能告诉我原因或提供解决方案？ 提前致谢！
1 个解决方案
解决方案1
1 2012-12-07 07:36:50
这是一个可行的解决方案。 http://jsfiddle.net/oamiamgod/rd58M/
我已将myTheme类包含在body标签中。 像这样
<body class="claro myTheme">
我英语不好，但我会尽力解释。
如果你写的CSS这样.myTheme .homeTabContent .dijitTab意味着类的元素homeTabContent必须保持有类的一些元素中myTheme
像这样
<body class="claro myTheme">
<div class="homeTabContent">
<div class="dijitTab"></div>
</div>
</body>
但是，如果您像这样编写css .myTheme.homeTabContent.dijitTab （没有空格），它将是
<div class="myTheme homeTabContent dijitTab"></div>
更改dojo dijit的文本
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.