Настроить форму в iFrame с помощью CSS (содержимое iFrame не редактируется)

Question

Мне нужна помощь в настройке формы с помощью CSS. Форма была сгенерирована автоматически и не может быть отредактирована. Iframe просто открывает эту форму внутри, поэтому я не могу добавить CSS в контактную форму для его создания. Смотрите ссылку на форму:

label { 
 
    color: red; 
 
} 
 

 
input { 
 
    color: green; 
 
}

<h2>Contact Us </h2> 
 
<b style="color: red;">NOTE: I would like to modify the label font, input, and "required" text.</b> <br /> <br /><br /> 
 

 
<iframe name="lc_contact_form" frameborder="0" width="100%" height="600" src="https://sindesignphotography.17hats.com/embed/lead/form/nffgsxgpxrcxvcdwwcvwdpwhfvwwcfsz"></iframe><script type="text/javascript" src="https://sindesignphotography.17hats.com/js/lib/iframeSizer.min.js"></script>

Answer 1

Get Cross-Domain iFrame content

Вы не можете получить доступ к перекрестному содержанию домена. Если это происходит из вашего собственного домена, вы можете. Запустите мой код и посмотрите на консольный журнал. Он вызывает ошибку безопасности. Это делается для предотвращения чтения сторонними веб-приложениями информации вашего банковского счета.

$('#getStuff').contents().find("input").css('color', 'green')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Can't Access iframe 
 
<iframe id="getStuff" name="lc_contact_form" frameborder="0" width="100%" height="600" src="https://sindesignphotography.17hats.com/embed/lead/form/nffgsxgpxrcxvcdwwcvwdpwhfvwwcfsz"></iframe>