如何调整Google noCAPTCHA reCAPTCHA的大小

Question

我如何在不使用CSS属性的情况下调整Google reCAPTCHA控件的高度和宽度？

转换 -webkit-transform， 转换原点 -webkit-transform-origin，

谢谢大家

Answer 1

我在同一个问题中，转换包是视觉，请勿更改dom，我的意思是...

这就是我需要的：Recaptcha和底部的按钮。

但是，当我应用转换时，Recaptcha使用相同的空间但带有空白，因此，我尝试制作一个具有相同高度但减去宽度的版本，并且仅在Firefox Developer Tool中有效，因为Recaptcha是一个iFrame，而且最糟糕的是，它受到限制，因此，您无法使用js进行访问。

我的解决方案是返回到传统的通用解决方案 BUT ，根据页面和作品的不同，其位置也不同。

.g-recaptcha{-webkit-transform:scale(0.77);-webkit-transform-origin:0 50%;transform:scale(0.77);transform-origin:0 50%;}
#index .g-recaptcha{-webkit-transform-origin:0 100%;transform-origin:0 100%;}

希望此回复能够解决您的问题。 问候

Answer 2

您可以在这里找到解决方案 https://geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

HTML：

 <script src='https://www.google.com/recaptcha/api.js'></script>

<div align="center">
<div class="container">
<p>Edit JS var reCaptchaWidth <br>to the size you need</p>
&nbsp;    
<form action="" method="get">
<div class="g-recaptcha" data- 
sitekey="6Le53RUUAAAAAGyChlQ0QhnPO8FXEFRzskMCofVR"></div>
</form>

<!--CTA -->
<p>&nbsp;</p>
<a class="btn" href="#" style="float: center;"><strong>SUBMIT</strong></a>
<p></p>
</div>
</div>