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

t98cgbkg  于 2022-12-08  发布在  Dojo
关注(0)|答案(1)|浏览(119)

我必须为一些项目学习Dojo。有人能告诉我如何去除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

vecaoik1

vecaoik11#

该样式由用户代理浏览器(Chrome)生成,
如果要删除它,
只需覆盖.dijitTitlePaneTitleFocus并将其outline设置为none,如下所示:

.dijitTitlePaneTitleFocus {
    outline: none !important;
}

如果要应用到所有其他小部件,可以应用此样式:

.dijitFocused div  {
    outline: none !important;
}

请参阅工作片段:
第一个

相关问题