從 dijit 布局選項卡容器和內容窗格中刪除邊框

Question

我有一個帶有內容窗格作為選項卡的 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;
}

也許這是不可能的，但我希望刪除/隱藏控件周圍的邊框，標題為“現場工作人員票” 你可以在屏幕截圖中看到

謝謝

皮特

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

希望這會有所幫助，否則您將需要相應地更新您的問題。