更改新的 Google Recaptcha (v2) 宽度

Question

我们刚刚开始实施新的 google recaptcha，如 https://www.google.com/recaptcha/intro/index.html 所列

然而，新方法似乎包含在 iFrame 中，而不是嵌入到页面中，因此使得应用 CSS 更加困难。

然而，我们的表单是 400px 宽，所以希望 recaptcha 具有相同的宽度。

目前它看起来像，但是我们希望它和其他的一样。

有人知道该怎么做吗？

谢谢

原文由 owenmelbz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是一种解决方法，但并不总是很好，具体取决于您对其进行缩放的程度。解释可以在这里找到： https ://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

 .g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
}

更新： 谷歌通过参数添加了对较小尺寸的支持。查看文档 - https://developers.google.com/recaptcha/docs/display#render_param

原文由 colecmc 发布，翻译遵循 CC BY-SA 3.0 许可协议