Изменение стиля по умолчанию для виджета DOJO

Я хотел бы иметь возможность изменить некоторые стили CSS по умолчанию, например, для dijit.TitlePane, не взламывая "заводской" CSS темы. Я пытаюсь удалить границы Title и ContentOuter области TitlePane. Установка класса (в данном случае «без границ») при объявлении виджета не работает (см. Ниже: я также пробовал установить класс в data-dojo-props. Все еще не пошло).

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

Ниже приведены классы, которые я хочу изменить в файле correo.css. Конечно, я мог бы изменить там границу, но я не хочу идти этим маршрутом по понятным причинам. Все, что я хочу сделать, это переопределить эти настройки в моем собственном классе. Это должно быть действительно простым, но я просто рисую мозговой судороги. Любая помощь? (Используя DOJO 1.7.1).

Спасибо

.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;
}
5
задан Mark Hall 16 January 2012 в 23:40
поделиться