ShadowRoot.adoptedStyleSheets - дозволяє застосувати CSS стилі лише до тіньового DOM.
ShadowRoot.adoptedStyleSheets;
ShadowRoot - об'єкт ShadowRoot.
adoptedStyleSheets властивість об'єкта ShadowRoot яка повертає/задає масив CSSStyleSheet, до заданого тіньового DOM.
Не всі браузери підтримують.
var shadow=document.getElementById('test').attachShadow({mode:'open'});
var sheet = new CSSStyleSheet();
sheet.replaceSync('input { color: red; font-size:14pt;}');
shadow.adoptedStyleSheets = [sheet];
var input = document.createElement('input');
shadow.appendChild(input);