javascript 如何使谷歌reaptcha响应宽度100%

ej83mcc0  于 2023-04-04  发布在  Java
关注(0)|答案(3)|浏览(132)

我需要使谷歌recaptcha响应不与转换规模只有宽度100%和其他,但不转换规模。我正在搜索许多其他网站,但他们中的许多人只使用转换规模。
这是一张图片。

aij0ehis

aij0ehis1#

Google Recaptcha的问题是,它是在IFrame中加载的,所以样式不适用。

dgtucam1

dgtucam12#

你可以这样做

<div class="g-recaptcha" data-sitekey="xxxx" style="transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0;"></div>

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

e37o9pze3#

如果不知道你的代码,我不能100%确定,但试试这样:
CSS

#patherdivofgooglecaptcha * {width: 100%}

如果它工作,但有些元素变得太大,只需在需要的地方限制CSS,或者如果它是一个iframe,尝试直接在容器上100%,而不是给孩子。

相关问题