样式谷歌的新recaptcha复选框？答案

【问题标题】：styling google's new recaptcha checkbox?样式谷歌的新recaptcha复选框？
【发布时间】：2015-03-30 05:37:34
【问题描述】：

我已经像这样实现了谷歌新的 recaptcha 复选框：

<div class="g-recaptcha" data-sitekey="MY_SITE_KEY"><div>

加载后的 iframe 内容如下所示：

<div class="rc-anchor rc-anchor-standard">
  ...
</div>

以下是为当前外观定义的样式：

.rc-anchor-standard {
  background: #f9f9f9;
  border: 1px solid #d3d3d3;
  color: #000;
}

我正在努力实现这种外观：

我已将此添加到我的 css 文件中：

.rc-anchor-standard {
  background: #ffffff !important;
  border: 0px !important;
  color: #ffffff !important;
}

风格永远不会改变......有什么想法为什么这不起作用？

谢谢， -保罗

【问题讨论】：

【解决方案1】：

这些样式位于来自另一个域 (google.com) 的 iframe 中，因此由于同域策略，没有机会更改它们...

您可以使用 recaptcha (<div id="g-recaptcha" ... ) 缩放 div 的内容

#g-recaptcha {
    transform: scale(1.42);
    transform-origin: 0 0 0;
}

【讨论】：

【解决方案2】：

首先，你忘了分号';'在边框之后，

border: 0px !important

也许是取消了白色文字和边框代码。我会解决这个问题，看看是否有任何变化。

=========================================

如果这不是另一个错字，这可能是原因：

您在这里调用了 2 个单独的 div 类，但您将它们写为 div 内的 div。

.rc-anchor .rc-anchor-standard {

用这个 v 替换那个 ^:

.rc-anchor, .rc-anchor-standard {

【讨论】：