造型谷歌的新recaptcha复选框？

Question

我已经实现了Googles new 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;
}

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

谢谢,-Paul

Answer 1

首先，你忘记了分号“;” 边界后，

border: 0px !important

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

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

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

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

.rc-anchor .rc-anchor-standard {

将 ^ 替换为 v：

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