Varsayılan DOJO parçacığı stilini değiştirme

"Fabrikada yüklenmiş" css temalarını kesmeden, örneğin dijit.TitlePane için bazı varsayılan CSS stillerini değiştirmek istiyorum. Ne yapmaya çalıştığım bir TitlePane Başlık ve ContentOuter sınırlarını kaldırmaktır. Widget bildirirken bir sınıfın (bu durumda "kenarlıksız") ayarlanması işe yaramaz (aşağıya bakın: Ayrıca, veriyi dojo-pro-track'leri içinde kurmayı denedim. Hala devam etmeyin).Varsayılan DOJO parçacığı stilini değiştirme

<div class="borderless" data-dojo-type="dijit.TitlePane" data-dojo- props="title:'Filter by Last Name'" open="false">

Aşağıda, claro.css dosyasında değiştirmek istediğim sınıflar vardır. Tabii ki, oradaki sınırı değiştirebilirdim, ama o rotayı belli nedenlerden dolayı gitmek istemiyorum. Tek yapmak istediğim bu ayarı kendi sınıfımda geçersiz kılmak. Bu ,'u gerçekten kolay olmalı, ama sadece bir beyin krampı çiziyorum. Herhangi bir yardım? (DOJO 1.7.1 Kullanımı).

Teşekkür

.claro .dijitTitlePaneTitle { 
background-color: #EFEFEF; 
background-image: url("images/titlebar.png"); 
background-repeat: repeat-x; 
border: 1px solid #B5BCC7; 
min-height: 17px; 
padding: 0 7px 3px; 
} 

.claro .dijitTitlePaneContentOuter { 
-moz-border-bottom-colors: none; 
-moz-border-image: none; 
-moz-border-left-colors: none; 
-moz-border-right-colors: none; 
-moz-border-top-colors: none; 
background: none repeat scroll 0 0 #FFFFFF; 
border-color: -moz-use-text-color #B5BCC7 #B5BCC7; 
border-width: medium 1px 1px; 
}

kaynak

2012-01-16 Mark Hall

Daha açık bir selektör yaparak stillerini geçersiz gerekir.

Çalışması gerekir.

<body class='claro'> 
    <div class='fooClass'> 
    <your title pane here>

gibi

.claro.myCompany .dijitTitlePaneContentOuter { 
-moz-border-bottom-colors: none; 
-moz-border-image: none; 
-moz-border-left-colors: none; 
-moz-border-right-colors: none; 
-moz-border-top-colors: none; 
background: none repeat scroll 0 0 #FFFFFF; 
border-color: -moz-use-text-color #B5BCC7 #B5BCC7; 
border-width: medium 1px 1px; 
}

şey daha spesifik dom ağaç yolu dayalı da çalışacaktır: vücudunuzun elemanı olarak, sonra kendi stilini tanımlayabilirsiniz

<body class='claro myCompany'>

gibi başka sınıf eklemek

Ve sonra seçicideki:

.claro.myCompany .fooClass .dijitTitlePaneContentOuter { 
    /* my special css */

kaynak

2012-01-16 23:55:50 mtyson

Mükemmel çalışır! Teşekkürler. Sadece CSS ile yeterince çalışırsam ve bunun gibi sağlam bir yardım aldığımı varsayabilirim - eninde sonunda inceliklerini öğreneceğim. –

Sevindim işe yaradı! – mtyson

Varsayılan DOJO parçacığı stilini değiştirme

cevap

İlgili konular