ShadowRoot.adoptedStyleSheets

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);