Question

我需要帮助使用CSS自定义表单。表单是自动生成的，无法编辑。 iframe只是打开此表单，因此我无法将CSS添加到联系表单中以实现它。请参阅表单链接：

＆＃13;

label {
    color: red;
}

input {
    color: green;
}

＆＃13;

<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>

＆＃13;

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>

通过CSS在iFrame中自定义表单（iFrame内容不可编辑）

1 个答案: