일부 프로젝트를 위해 도장을 배워야합니다. 어떤 사람 TitlePane
이 Dojo에서 검은 윤곽선을 제거하는 방법을 알려줄 수 있습니까 ?
<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>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다