Как обратится к теневому дереву?

Question

[Alexander9229]

Есть сайт, на котором делаю анимацию через сервис - lottiefiles
Когда вставляю тег lottie-player...

<lottie-player class="slider--process__img" src="../frontend/web/json/form_animate.json" background="transparent"  speed="1"  loop autoplay></lottie-player>

... он начинает подтягивать svg и несколько классов с этого сайта - lottiefiles

Беда в том что у классов есть свои css свойства и они мешают моей работе.
Можно ли обратиться к этим css свойствам этого дом элемента, который подтягивается с другого сайта?

Comments

[ildar-meyker]

Если теги встраиваются в разметку, то вы можете перекрыть эти свойства. Если через iframe, то нет.

[Alexander9229]

ildar-meyker, в разметку вставляется только тег

<lottie-player class="slider--process__img" src="../frontend/web/json/form_animate.json" background="transparent"  speed="1"  loop autoplay></lottie-player>

А то что внутри него видно через консоль, оно так понимаю подтягивается автоматически с другого месте

Тега iframe нету

[ildar-meyker]

Alexander9229, вы можете опубликовать пример получившегося результата?

[ildar-meyker]

Я ошибся. Пишут, что к теневому DOM доступа у основного документа нет.

[Alexander9229]

ildar-meyker, на выходе получается анимированная иконка в видео формы -

[Alexander9229]

ildar-meyker, понял.
А можно ознакомиться с этой статьей?

[zkrvndm]

У вас неправильно задан вопрос. Перезадайте его: Как обратится к теневому дереву?