如何去除 Dojo 中 TitlePane 周围的黑色轮廓答案

【问题标题】：How to remove black outline around TitlePane in Dojo如何去除 Dojo 中 TitlePane 周围的黑色轮廓
【发布时间】：2021-01-30 14:01:11
【问题描述】：

我必须为一些项目学习道场。有人可以告诉我如何去除 Dojo 中 TitlePane 周围的黑色轮廓。

<script>
 require(["dojo/ready", "dijit/TitlePane", "dojo/dom"], function(ready, TitlePane, dom){
    ready(function(){
        var tp;
        tp = new dijit.TitlePane({title:"I'm a TitlePane", content: "Collapse me!"});
        dom.byId("holder").appendChild(tp.domNode);
    });
});
</script>

我确实查看了以下 URL 中的示例应用程序并发现那里也有同样的问题

Dojo tookit doc

我正在使用dojo v1.10

【问题讨论】：

标签： javascript dojo dijit.form dijit.layout

【解决方案1】：

此样式由用户代理浏览器（chrome）生成，

如果你想删除它，

只需覆盖.dijitTitlePaneTitleFocus 并将其outline 设置为none，如下所示：

.dijitTitlePaneTitleFocus {
    outline: none !important;
}

如果您想应用于所有其他小部件，您可以应用此样式：

.dijitFocused div  {
    outline: none !important;
}

查看工作 sn-p ：

require(["dojo/ready", "dijit/TitlePane", "dojo/dom"], function(ready, TitlePane, dom){
    ready(function(){
        var tp;
        tp = new dijit.TitlePane({title:"I'm a TitlePane", content: "Collapse me!"});
        dom.byId("holder").appendChild(tp.domNode);
    });
});

.dijitFocused div{
    outline: none !important;
}

<script type="text/javascript">
  dojoConfig = {
    isDebug: true,
    async: true,
    parseOnLoad: true
  }
</script>

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<link href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" rel="stylesheet" />

<body class="claro">
  <div  id="holder"></div>
</body>

【讨论】：