blob: f5b232bce69d62e3272013cbfea66800cf813390 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!doctype html>
<meta charset="utf-8">
<body>
<div class="target"></div>
<span id="shadowHostA"></span>
<span id="shadowHostB"></span>
</body>
<script>
const sheet = new CSSStyleSheet();
sheet.replaceSync(".target { width: 100px; height: 100px; border-style: solid; border-color: blue; }");
const innerHTMLText = `<div class="target"></div>`
shadowHostA.attachShadow({mode: "open"}).innerHTML = innerHTMLText;
shadowHostB.attachShadow({mode: "open"}).innerHTML = innerHTMLText;
document.adoptedStyleSheets = [sheet];
shadowHostA.shadowRoot.adoptedStyleSheets = [sheet];
shadowHostB.shadowRoot.adoptedStyleSheets = [sheet];
</script>
|
