如何解决如何在 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 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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。