удалить границу из dijit макета tabcontainer и панелей содержимого

Question

У меня есть dijit / layout / tablcontainer с панелями содержимого в качестве вкладок. Могу ли я удалить внешнюю границу? Я не вижу никаких свойств границ ни в одном виджете. Я попробовал css для div, внутри которого есть виджеты, и мне не повезло. Я использую черный фон, а рамка выглядит белой.

Вот еще несколько деталей в ответ на комментарий Рохана:

У меня есть три элемента div: один, который содержит dijit / layout / tabcontainer и два, которые содержат dijit / layout / contentpanes, обернутые внутри элемента tabcontainer. css Я пытаюсь ниже

  #tc {
width: 350px;
height: 300px;
background-color: black;
margin: 0 auto;
border-width: 0px;
/*margin-left: auto;
margin-right: auto;*/
}
#FSHours {
width: 350px;
height: 250px;
background-color: black;
margin: 0 auto;
border-width: 0px;
}
#FSTickets {
width: 350px;
height: 250px;
background-color: black;
margin: 0 auto;
border-width: 0px;
}

Возможно, это невозможно, но я надеюсь удалить / скрыть границу вокруг элемента управления с заголовком «Билеты для полевого персонала» , которые вы можете видеть на снимке экрана

Спасибо

Пит

Answer 1

Кажется, вы хотите удалить стиль из заголовков вкладок в контейнере вкладок, классы dijit для заголовка вкладки: dijitTab & dijitTabChecked.

Вы можете попробовать установить

/* if #tc is your tabContainer id */
#tc .dijitTab {
    background-image: none;
    border: 0;
}

#tc .dijitTab.dijitTabChecked {
    /* some style to indicade active tab */
    background-color: #f8f8f8;
}

Надеюсь, это поможет, или вам нужно будет соответственно обновить ваш вопрос.