Přizpůsobení vnější vložte si widget

Question 1

Snažil jsem se přizpůsobit vložený widget z Zendesk na mých webových stránkách. Od té doby nedávají žádnou možnost přizpůsobit vzhled své formě, chtěl bych prosadit pravidla css.

Přidal jsem tento kus kódu z Zendesk, aby jejich formulář na mé stránce.

<script type="text/javascript" src="https://leads-capturer.futuresimple.com/embed.js?token=ca98908sdgfgds9834234jlkjsdb">

Tento skript umístí podobě v <iframe> a všechny uzly uvnitř této <iframe> nelze přizpůsobit/změnit.

Snažil jsem se JS nastavit inline styl pro formulářové prvky uvnitř <iframe>. Snažil vytvořit nový styl, aby přepsat svůj původní styl, ale nic, zdá se do práce.

Dokonce i něco tak jednoduchého, jako je tento kód níže, selže (#iframe-main-container je dítě od <iframe>):

<script>
    let p = document.querySelector('#iframe-main-container');
    p.style.background = 'red';
</script>

Mám-li změnit výše uvedený kód a cíl <iframe>,, to funguje.

Moje první otázka by byla, je možné přepsat existující pravidlo CSS od vložený widget?

Pokud je to možné, dělám něco špatně změnit jeho vzhled?

Question 2

Dát to zkusit.

  <script>
    let iframe = document.getElementsByTagName("iframe");
    let p = iframe[0].contentWindow.document.getElementById('#iframe-main-container');
    p.style.background = 'red';
  </script>

Rob Moll · Answer 1 · 2021-11-18T16:53:30

0

Dát to zkusit.

  <script>
    let iframe = document.getElementsByTagName("iframe");
    let p = iframe[0].contentWindow.document.getElementById('#iframe-main-container');
    p.style.background = 'red';
  </script>

Rob Moll

2021-11-18 16:53:30

Děkujeme vám za vaši pomoc @Rob Moll Vašem navrhl, kód se vrací 'nedefinováno' pro voliče. Věřím, že tento scénář je proveden před DOM je připraven. Snažil jsem se pár triků, jako jsou: '$(dokument).připraven(funkce() { console.log($('#iframe-hlavní-container').css('padding-bottom')); }); další pokus byl vykonávání funkce setTimeout po 5 sekundách číst css hodnotu z #iframe-hlavní-nádoby, ale vždycky jsem se dostal 'nedefinováno' jako jeho hodnotu. Nějaké nápady?

Maluco

Přizpůsobení vnější vložte si widget

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii