Javascript 如何删除dojo dijit布局选项卡上突出显示css的选择

我想在选择dijit布局选项卡时消除它们上的css效果

当我单击选项卡时，会出现一个看起来不专业的虚线框，正如您在“项目”选项卡中看到的那样。选项卡也会变大，上面有一条蓝线。我如何消除这些影响

下面是一个例子：

---

这非常简单，您必须从生成的选项卡div中删除

因此，在新版本的dojo中，选项卡具有

.tabLabel

，但早期版本没有最后一个选项卡，因此您可以按属性访问它

.dijitTabContainer div[role="tab"]

只需应用以下css（适用于早期和最新版本）

（并不是说dojo提供了可以使用的多个） 请参见下面的woriknig代码片段

需要([
“dojo/ready”，
“dojo/on”，
“dijit/注册表”，
“dijit/form/Button”，
“dijit/layout/TabContainer”，
“dijit/layout/ContentPane”，
“dojox/layout/ContentPane”
]，函数（就绪、打开、注册表、按钮、TabContainer、ContentPane、ContentPaneX）{
就绪（函数（）{
var btn=registry.byId（“btn”）；
var tc=registry.byId（“mainTabs”）；
var-idx=0；
打开（btn，'单击'，函数（）{
var newItemPane=ContentPaneX({
标题：“项目”+idx，
closable:是的，
id:'item_tab_uu'+idx，
iconClass:“dijitIconUsers”
});
idx++；
tc.addChild（newItemPane）；
tc.选择子项（新建项窗格）；
});
});
});
#主选项卡{
高度：400px；
宽度：500px；
}
.dijitTabContainer.tabLabel.dijitTabContainer div[role=“tab”]{
大纲：无；
}

dojoConfig={isDebug:true，async:true，parseOnLoad:true}
非常感谢。现在看起来好多了。我还可以通过注释.claro.dijitTabContainerTop tabs.dijitTabCheckedGreat中的样式来摆脱标签越来越大的问题。我很高兴这对你有帮助：）
.dijitTabContainer .tabLabel ,.dijitTabContainer div[role="tab"] {
  outline:none;
}