更改 Google 的“我不是机器人”ReCaptcha V2 的样式和大小答案

【问题标题】：Change styles & size of Google's "I'm not a robot" ReCaptcha V2更改 Google 的“我不是机器人”ReCaptcha V2 的样式和大小
【发布时间】：2017-07-05 19:52:52
【问题描述】：

关于无法更改 Google 的 ReCaptcha 的样式（背景颜色、文本颜色...）的话题太多了。然而，不到 2 周前，我访问了 Spotify.com 的网站，在注册页面上，我看到了带有深色背景、白色文本和相同的蓝灰色徽标的官方 ReCaptcha。

一天后，我想在我的网站上更改 ReCaptcha 的样式，所以我去 Spotify.com 看看他们是如何做到的。不幸的是，他们更改了注册页面或移动了它或其他任何东西。我确信这在某种程度上是可能的，但我太缺乏经验，无法弄清楚自己是如何做到的。我在 Google Developers 上发现了一些提到“主题”的内容：https://developers.google.com/recaptcha/docs/display#render_param。此外，它还说明了大小。

如何更改谷歌官方“我不是机器人”ReCaptcha 的样式和大小？

【问题讨论】：

标签： html css recaptcha

【解决方案1】：

reCAPTCHA V2 允许您更改渲染验证码的主题，也许他们正在使用“黑暗”主题。这是文档：https://developers.google.com/recaptcha/docs/display#render_param

例如：

<script type="text/javascript">
   var onloadCallback = function() {
   grecaptcha.render('html_element', {
     'data-theme' : 'dark'
   });
 };
</script>

【讨论】：

我目前的 ReCaptcha 如下：
但是现在我在“html_element”处填写什么?
如果您在内联执行此操作，则只需将data-theme="dark" 添加到您的元素（例如<div class="g-recaptcha" data-theme="dark" data-sitekey="..."></div>）。