Personalización del widget incrustado externo.

He estado intentando personalizar un widget incrustado de Zendesk en mi sitio web. Como no hay opción para personalizar la apariencia de su formulario, me gustaría imponer mis reglas de CSS.

Agregué este fragmento de código de Zendesk para tener su formulario en mi página.

<

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

Este script coloca un formulario dentro de un

<

iframe> y todos los nodos dentro de este

<

iframe> no se pueden personalizar/cambiar.

Intenté utilizar JS para establecer un estilo inline en los elementos del formulario dentro del

<

iframe>. Intenté crear una nueva hoja de estilo para anular su hoja de estilo original, pero nada parece funcionar.

Incluso algo tan simple como este código abajo, falla (#iframe-main-container es un hijo de

<

iframe>):

Si cambio el código anterior y apunto al

<

iframe>, funciona.

Mi primera pregunta sería, ¿es posible anular una regla CSS existente de un widget incrustado?

Si es posible, ¿estoy haciendo algo mal para cambiar su apariencia?