1

我目前正在努力调整表单中 reCaptcha 元素的大小（或样式）。在移动设备上查看表单时（纵向），它有点悬而未决，看起来很邋遢。

表单来自 formstack 并由脚本呈现。我已经能够使用 CSS 为表单的每个其他元素设置样式，并使用 jQuery 为每个输入添加占位符属性，而没有任何问题。但是，一旦我进入 reCaptcha 块，这些选项似乎都不起作用。我已经能够直接在 Chrome 开发工具中进行更改以获得我想要的结果（或者一个可以工作的结果），但是一旦使用 CSS 或 jQuery 应用这些，都没有工作。我也浏览了这些 google recaptcha docs，但是这甚至不是同一种......相反，这就是我正在使用的。

所以，我不确定接下来要尝试什么或在哪里寻找解决方案。

我尝试针对单个元素并更改它们的大小，我尝试从元素中删除背景，因为仅此一项就会使它看起来不那么“时髦”。

有没有其他人有类似的问题？如果需要代码，我会提供它，它只是由所述脚本呈现的相当多的代码。我知道如果没有它，我什至很难建议我哪里出错了，但我不确定是否有人可以建议另一种选择来尝试？

谢谢！

4

2 回答 2

0

使用 CSS 转换属性，您可以通过更改 reCAPTCHA 的整个比例来更改宽度。

仅借助两种内联样式，您就可以使 reCAPTCHA 非常适合您的移动设备：

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

`

于 2017-07-18T18:22:13.773 回答
-1

我用过这段代码

Line #147 - #150
            'theme' => $this->modx->getOption('recaptchaTheme',$scriptProperties,'clean'),
            'width' => $this->modx->getOption('recaptchaWidth',$scriptProperties,250),
            'height' => $this->modx->getOption('recaptchaHeight',$scriptProperties,150),
            'lang' => $this->modx->getOption('cultureKey',null,'en'),

示例链接

于 2019-12-05T10:49:33.493 回答