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