调整大小没有Captcha Recaptcha

时间:2015-02-02 18:55:55

标签: css css3 recaptcha

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

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

有什么想法吗?

谢谢!

2 个答案:

答案 0 :(得分:3)

您需要使用您可以设置为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

答案 1 :(得分:1)

此外,您可以使用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>