更改新的 Google Recaptcha (v2) 宽度 [英] Change New Google Recaptcha (v2) Width

问题描述

我们刚刚开始实施新的谷歌验证码

.g-recaptcha {变换:比例(0.77)；变换原点:0 0;}

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

We've just started to implement the new google recaptcha as listed https://www.google.com/recaptcha/intro/index.html

However the new method seems to be contained within an iFrame rather than embedded into the page thus making applying CSS more difficult.

However we've got our form which is 400px wide so would like to have the recaptcha the same width.

Currently it looks like, however we'd like it the same with as the rest.

Does anybody know how to do this yet?

Thanks

解决方案

Here is a work around but not always a great one, depending on how much you scale it. Explanation can be found here: https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

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

UPDATE: Google has added support for a smaller size via a parameter. Have a look at the docs - https://developers.google.com/recaptcha/docs/display#render_param

这篇关于更改新的 Google Recaptcha (v2) 宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！