从dijit布局tabcontainer和内容窗格中删除边框

时间:2020-04-28 18:28:16

标签: javascript css dojo

我有一个dijit / layout / tablcontainer,其中的内容窗格为选项卡。无论如何,我可以移除外部边界吗?我在两个小部件中都没有看到任何边框属性。我已经尝试了widget所在的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;
}

也许不可能,但是我希望删除/隐藏控件的边框,标题为“现场人员票证” enter image description here,您可以在屏幕快照中看到

谢谢

Pete

1 个答案:

答案 0 :(得分:1)

似乎您要从标签容器的标签标题中删除样式,标签标题的dijit类为dijitTabdijitTabChecked

您可以尝试设置

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

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

相关问题