Html 谷歌风格';什么是新的recaptcha复选框?

Html 谷歌风格';什么是新的recaptcha复选框?,html,css,recaptcha,Html,Css,Recaptcha,我已经实现了谷歌新的recaptcha复选框,如下所示: <div class="g-recaptcha" data-sitekey="MY_SITE_KEY"><div> 我正在尝试实现这种外观: 我已将此添加到我的css文件中: .rc-anchor-standard { background: #ffffff !important; border: 0px !important; color: #ffffff !important; } 风格永远不

我已经实现了谷歌新的recaptcha复选框,如下所示:

<div class="g-recaptcha" data-sitekey="MY_SITE_KEY"><div>
我正在尝试实现这种外观:

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

.rc-anchor-standard {
  background: #ffffff !important;
  border: 0px !important;
  color: #ffffff !important;
}
风格永远不会改变…有没有想过为什么这不起作用

谢谢,
-保罗首先,你忘了一个分号在边界之后

border: 0px !important
也许这是在取消白色文本和边框代码。我会解决这个问题,看看是否有什么变化

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

如果这不是另一个打字错误,这可能是原因:

您在这里调用了两个独立的div类,但是您将它们作为div中的div编写

.rc-anchor .rc-anchor-standard {
用该v替换该^:

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

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


您可以使用recaptcha缩放div的内容(
很抱歉,发布时缺少分号是一个输入错误。不幸的是,div是通过iframe加载的,Google在DOM准备好后使用它,所以我无法访问它。这对解决OQ没有帮助。@paul我也面临同样的问题。如果是,你能解决吗?如何解决?我正在尝试做类似的事情,我想使用“rc anchor alert”类将我自己的自定义错误消息添加到div。我无法使用JQuery访问它。
.rc-anchor .rc-anchor-standard {
.rc-anchor, .rc-anchor-standard {
#g-recaptcha {
    transform: scale(1.42);
    transform-origin: 0 0 0;
}