从 dijit 布局选项卡容器和内容窗格中删除边框

Question

我有一个 dijit/layout/tablcontainer 以内容窗格作为选项卡。无论如何我可以删除外部边界吗？我在这两个小部件中都没有看到任何边框属性。我已经尝试 css 以获得 div 小部件，但没有任何运气。我使用的是黑色背景，边框显示为白色。

以下是对 Rohan 评论的更多详细信息：

我有三个 div：一个包含 dijit/layout/tabcontainer，两个包含包裹在 tabcontainer div 中的 dijit/layout/contentpanes。我正在尝试的 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;
}

也许这不可能，但我希望 remove/hide 控件周围的边框带有标题 'Field Staff Tickets'，您可以在屏幕截图中看到 [=12] =]

谢谢

皮特

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;
}

希望这对您有所帮助，否则您将需要相应地更新您的问题。

从 dijit 布局选项卡容器和内容窗格中删除边框

remove border from dijit layout tabcontainer and content panes

javascript

css

dojo