如何使用 javascript 更改 google recaptcha 的大小

Question

您好，我已将 Google Recaptcha 插入到我的页面中，我需要将大小更改得更大一些。 我在 css 转换方法中得到了答案它的工作但不支持 Firefox 浏览器，它仅支持 chrome 浏览器。

.recaptScale {
    transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

我需要一个 css 代码来更改 recaptcha 的大小并且支持所有浏览器，请指导我。

Answer 1

您可以使用 CSS transform:scale() 来更改 google recaptcha 元素的大小。

正常尺寸：

<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="g-recaptcha" data-sitekey="a"></div>

小码:

.recaptScale {
    transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="g-recaptcha recaptScale" data-sitekey="a"></div>

大码:

.recaptScale {
    transform:scale(2);
    -webkit-transform:scale(2);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="g-recaptcha recaptScale" data-sitekey="a"></div>