css - 通过 CSS 在 iF​​rame 中自定义表单(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

您不能访问跨域内容。如果它来自您自己的域，则可以。运行我的代码并查看控制台日志。它会引发安全错误。这是为了防止第 3 方网络应用程序读取您的银行帐户信息。

$('#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>