从dijit布局标签容器和内容窗格中删除边框

问题描述 投票:0回答:1

我有一个dijit / layout / tablcontainer,其中的内容窗格为标签。无论如何,我可以移除外部边界吗?我在两个小部件中都没有看到任何边框属性。我已经尝试过将wiss放在小部件中并且没有任何运气的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” enter image description here

谢谢

Pete

javascript css dojo
1个回答
0
投票

似乎您要从选项卡容器中的选项卡标题中删除样式,选项卡标题的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;
}

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

© www.soinside.com 2019 - 2024. All rights reserved.