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.