调整reCAPTCHA图像选择框

我有一个模式内的窗体，并有reCAPTCHA在其中。但是，当我点击I am not robot按钮时，您选择图像的框会在浏览器中达到最高，足够高，以至于我无法选择任何图像。调整reCAPTCHA图像选择框

附上截图，我看到的CSS里面和好像这是自动由谷歌genereted？无论如何解决这个问题或通过CSS重写？

我试着搜索网，但我看到的只是调整的验证码框而不是图像选择框

我的代码是这样的，这是一个模式的body标签内：

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

我的JS：

var CaptchaCallback = function(){ 
$('.g-recaptcha').each(function(index, el) { 
    grecaptcha.render(el, {'sitekey' : 'mycode'}); 
    console.log("Re-capcha loaded"); 
}); 
};

来源

2016-06-13 jackhammer013

你能否提供一些代码片段和描述 – a1626

@ a1626已更新我的帖子 – jackhammer013

因为我还没有在'recaptcha'上工作，所以如果你能为我提供可以重现问题的代码，这将非常有帮助。 '小提琴'或'笔'也可以。 – a1626

这对我所有使用Google Recaptcha的弹出窗口都有效。

<div class="g-recaptcha" 
    style="transform:scale(0.77); 
    -webkit-transform:scale(0.70); 
    transform-origin:4% 0 ; 
    -webkit-transform-origin:7% 0; 
    "data-sitekey="Your Site Key"> 
</div>

通常Recaptcha屏幕（带图像）刚好在Recaptcha复选框旁边启动。我也用我的弹出窗口测试了你的代码，它运行良好。弹出式CSS可能有问题。看看它，然后试一试。

来源

2016-06-14 15:33:30 Riddhi

调整reCAPTCHA图像选择框

回答

相关问题