Recaptcha V2图像选择弹出Iframe固定高度太小

我有一个在wordpress联系表格7插件上执行recaptcha V2代码的问题。Recaptcha V2图像选择弹出Iframe固定高度太小

我能够得到recaptcha“我不是机器人”复选框渲染就好，但是，当我检查框中弹出包含选择图像的iframe呈现高度固定在225px。由于高度应为580px（容器div的高度），因此会导致指令文本（选择图像）下面的所有内容被截断。我可以直接用firefox编辑高度大小，内容显示。

从我收集的内容来看，没有办法设计Iframe。有没有人有这个问题或知道解决方案？

感谢您的输入。

链接到住site

的ReCaptcha没有实现，因为它呈现的形式是不可用。它使用标准Google代码实现：<div class="g-recaptcha" data-sitekey="6LeyXiwUAAAAAMcd-K5P1m5YQj1JJg7SWJ_QrxB-">。

来源

2017-08-11 James

请提供一些参考你的代码（即链接到你的网站，或者至少截图）。 – Ryan

问题用链接更新。 – James

如果我的理解正确，请告诉我们：在您网站的联系页面上，您有一份联系表7电子邮件表单，您希望添加reCaptcha，但是为您的网站注入iFrame的大小reCaptcha切断它？另外，当你说你正在使用“标准代码”时，你是指内置的Google reCaptcha集成，还是手动包含代码？ – Ryan

问题是，代替嵌入式iFrame的高度为100％，它被设置为固定的高度。我不确定是什么导致了这个问题（可能是JavaScript冲突，因为它本身是iFrame上的嵌入式嵌入式样式）。

你总是可以覆盖造型在自己的CSS像这样：

iframe[title="recaptcha challenge"] { 
    height: 100% !important; 
}

来源

2017-08-15 22:39:15 Ryan

是的！谢谢。我曾尝试过，但没有得到正确的CSS选择器。 – James

在iframe上使用CSS属性“zoom”。这将允许您统一缩放iframe中的内容，从而使其达到所需的高度。

来源

2017-08-14 19:43:19 Nosajimiki

与此问题是，该iframe不是stylable，因为它是dowloaded谷歌代码。问题出现在选中复选框后出现的弹出窗口，而不是最初的recaptcha框。 – James

好吧，所以这比recatcha有点棘手，但似乎是可行的。 rc-imageselect-table- 是包含iframe内部的重新匹配的表的类。所以，如果你能模式匹配，你应该能够使用这样的东西注入CSS：https：//stackoverflow.com/questions/35188324/inject-css-into-iframe-from-third-party – Nosajimiki

刚刚重新启动，阅读这个问题。我以为你在试图缩短盒子的长度，但是听起来好像有什么东西正在缩小盒子的尺寸，并且你想把它放在正确的高度？如果是这种情况，你只需要修复包含iframe的Div的高度。您可能有一个意外击中它的自定义CSS规则。如果你澄清你的CSS规则，你可以消除这个错误。如果找不到规则，您可以使用更具体的规则或重要规则来替代它！重要！ – Nosajimiki

Recaptcha V2图像选择弹出Iframe固定高度太小

回答

相关问题