调整大小没有Captcha Recaptcha

Question

我正在我的网站上实施新的“No Captcha Recaptcha”。

问题是它不够窄，我想改变它的宽度......

有什么想法吗？

谢谢！

Answer 1

您需要使用您可以设置为data-size的标记属性compact，例如：

<div class="g-recaptcha" data-size="compact" data-sitekey="XXXX"></div>

查看配置，g-recaptcha标签属性和grecaptcha.render参数下的文档页面 https://developers.google.com/recaptcha/docs/display

Answer 2

此外，您可以使用CSS转换属性来缩放它。在这个网站https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/找到了这个解决方案，它似乎是扩展初始验证码容器。

<div class="g-recaptcha" data-theme="light" data-sitekey="XXXXXXXXXXXXX" style="transform:scale(0.77);transform-origin:0;-webkit-transform:scale(0.77);transform:scale(0.77);-webkit-transform-origin:0 0;transform-origin:0 0; 0"></div>