Question

这是一个问题，只在今天开始，CSS页面的代码更改为零，所以我怀疑Recaptcha更改了代码，但我看不到其他任何人受此影响。

当我点击＆＃34;我不是机器人＆＃34;在我的网站上重新获取一个东西，弹出窗口提供＆＃34;用x＆＃34选择所有图像;响应被定位在验证码盒的错误一侧，这导致其中一半被隐藏，因为它在低分辨率下越过屏幕。

我发现的另一个问题是，如果你向下滚动网页，然后点击需要你滚动的recaptcha元素，那么元素旁边就不会出现弹出窗口。

所以我的问题是，我可以在这个弹出窗口强制使用一种风格吗？它没有类或元素ID。

也有其他人遇到这个问题，或者以前遇到过这个问题吗？

Answer 1

reCaptcha使用iframe加载。谷歌并没有为他们的模块定制做太多贡献。尝试将data-size =“compact”属性添加到加载div。这是他们提供的唯一其他选择。试图在模块上强制执行样式变得非常麻烦，非常快。

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

还有另一种选择，使用css转换来缩放iframe。 https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

<style>@media screen and (max-height: 575px){
#rc-imageselect, .grecaptcha {
     transform:scale(0.77);
     -webkit-transform:scale(0.77);
     transform-origin:0 0;-webkit-transform-origin:0 0;}
</style>

Recaptcha弹出窗口溢出用户界面，如何重新定位？

1 个答案: