Question

如何调整reCaptcha的大小？我无法得到它。

Answer 1

选择“自定义”主题，然后您可以制作任何您想要的形状！

Answer 2

我刚学会调整reCAPTCHA 2.0的一个简单技巧是在CSS中使用以下内容：

#recaptchaID {
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  -webkit-transform:scale(0.68); /* scale recaptcha image to fit */
          transform:scale(0.68);
}

然后只需在将reCAPTCHA插入页面或表单时应用它。

Answer 3

调整Google Recaptcha大小的最佳方法

选项1：您可以使用嵌入式样式来调整google ReCaptcha的大小。

使用内联样式来调整Google重新捕获大小的第一种方法。内联样式是CSS样式，使用style属性直接应用于页面HTML中的一个元素。这是向您展示如何使用内联样式来设置Google reCAPTCHA样式的示例。

<div class="g-recaptcha" style="transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0;" data-theme="light" data-sitekey="XXXXXXXXXXXXX"></div>

选项2：通过在页面中放置以下样式（内部样式表）。

第二，您可以将ReCaptcha的样式放在和之间的页面中。内部样式表是HTML页面上包含样式定义的部分。内部样式表是通过使用文档区域内的标签定义的。这是向您展示如何使用外部样式表为Google reCAPTCHA设置样式的示例。

<style type="text/css">
.g-recaptcha{
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
</style>

选项3：使用外部样式表调整google ReCaptcha的大小。

创建一个单独的文件，并提供诸如style.css之类的名称，并将此文件链接添加到页面中元素之间。对于前。

<style type="text/css">
.g-recaptcha{
transform:scale(0.77);
-webkit-transform:scale(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
}
</style>

如何重新调整recaptcha？

3 个答案: