Prispôsobenie vonkajších vložiť widget

Question 1

Snažil som sa prispôsobiť vložený widgetu z Zendesk na mojej webovej stránke. Pretože oni nedávajú žiadnu možnosť prispôsobiť vzhľad svojej forme, by som chcel presadiť moje css pravidlá.

Pridal som tento kus kódu z Zendesk, aby ich forma na mojej stránke.

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

Tento skript miesta forme, v rámci <iframe> a všetky uzly v tomto <iframe> nemôže byť prispôsobené/zmeniť.

Snažil som sa, JS, ak chcete nastaviť inline štýl prvky formulára vnútri <iframe>. Snažil vytvárať nové šablóny so štýlmi prepísať pôvodné štýlov, ale nič nepomohlo.

Dokonca aj niečo tak jednoduchého, ako tento kód nižšie, zlyhá (#iframe-main-container dieťa od <iframe>):

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

Ak som zmena kódu vyššie a cieľ <iframe>to funguje.

Moja prvá otázka by bola, je možné prepísať existujúci CSS pravidlo z vložený widgetu?

Ak je to možné, robím niečo nesprávne, ak chcete zmeniť jeho vzhľad?

Question 2

Dať to skúsiť.

  <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

Dať to skúsiť.

  <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

Ďakujeme vám za vašu pomoc @Rob Moll Vaše navrhol kód je návrate 'nedefinované', že pre voliča. Verím, že tento skript je vykonávaný pred DOM je pripravený. Snažil som sa pár trikov, tu, napríklad: '$(document).ready(function() { konzoly.prihlásenie($('#iframe-hlavná-kontajner").css('padding-bottom')); });' iný skúste bol výkonu setTimeout funkciu po 5 sekúnd, ak si chcete prečítať css hodnota #iframe-hlavná-kontajner, ale ja som stále 'nedefinované', ako je jeho hodnota. Akékoľvek myšlienky?

Maluco

Prispôsobenie vonkajších vložiť widget

Otázka

Najlepšiu odpoveď

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii