调整大小 no Captcha Recaptcha
Resize no Captcha Recaptcha
我正在我的站点中实施新的 "No Captcha Recaptcha"。
问题是它不够窄，我想改变它的宽度...
有什么想法吗？
谢谢！
您需要使用他们的标签属性 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
此外，您可以使用 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>
我正在我的站点中实施新的 "No Captcha Recaptcha"。
问题是它不够窄，我想改变它的宽度...
有什么想法吗？
谢谢！
您需要使用他们的标签属性 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
此外，您可以使用 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>