如何在 Dojo 中移除 TitlePane 周围的黑色轮廓

问题描述

我必须为某个项目学习道场。有人可以让我知道如何在 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

解决方法

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

如果你想删除它，

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

.dijitTitlePaneTitleFocus {
    outline: none !important;
}

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

.dijitFocused div  {
    outline: none !important;
}

查看工作片段：

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>

dijit.form dijit.layout dojo dojo dojo javascript

如何在 Dojo 中移除 TitlePane 周围的黑色轮廓

问题描述

解决方法

相关问答