javascript - 从 dijit 布局选项卡容器和内容 Pane 中删除边框

Question

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

以下是针对 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;
}

也许这是不可能的，但我希望删除/隐藏标题为“Field Staff Tickets”的控件周围的边框 您可以在屏幕截图中看到

谢谢

皮特

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

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