Нативные веб-компоненты - стилизация теневого дома

Question

У меня есть файл index.html, который содержит классы CSS. Мне бы хотелось, чтобы эти классы или хотя бы некоторые из них работали в тени моего компонента.

Я нашел способ использования chrome :: part (). С этим я могу дать стили для моего компонента "поделиться кнопкой" - поделиться кнопкой :: часть (кнопка) {}

Хорошо. В Chrome и Opera это работает очень хорошо, но не в Firefox (да, последняя версия).

Есть ли способ найти браузер, который не поддерживает :: part ()?

Спасибо

Answer 1

Один из способов - сохранить CSS, необходимый как в shadowDOM, так и в обычном DOM, в отдельном файле CSS, а затем загрузить его на страницу и в shadowDOM с помощью тега <link>.

Другой способ - это привязать внешний CSS к компоненту с помощью приложения упаковки, чтобы он был полностью автономным.А затем используйте <link>, чтобы получить его на главной странице.