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

【问题标题】：remove border from dijit layout tabcontainer and content panes从 dijit 布局选项卡容器和内容窗格中删除边框
【发布时间】：2020-08-12 16:34:06
【问题描述】：

我有一个带有内容窗格作为选项卡的 dijit/layout/tablcontainer。无论如何我可以删除外部边框吗？我在这两个小部件中都看不到任何边框属性。我已经为小部件所在的 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”，您可以在屏幕截图中看到

谢谢

皮特

【问题讨论】：

您能分享一下您的尝试和期望的输出吗？
我编辑了我的原始帖子，提供了更多细节

标签： javascript css dojo

【解决方案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;
}

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

【讨论】：