造型谷歌的新的recaptcha复选框？

我实现了谷歌新的验证码复选框，像这样：造型谷歌的新的recaptcha复选框？

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

加载时iframe的内容是这样的：

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

enter image description here

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

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

我试图做到这一点看：

enter image description here

我已经添加到了我的CSS文件：

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

的风格永远不会改变...任何想法，为什么这不是加工？

感谢， - 保罗

2014-11-24 Paul

的http：//小号tackoverflow.com/questions/217776/how-to-apply-css-to-iframe – MrPk 2014-11-24 16:45:34

@paul我正面临同样的问题。你能解决它 - 如果是，如何？ – 2015-01-28 16:32:41

我正在尝试做类似的事情，我想用“rc-anchor-alert”类将我自己的自定义错误消息添加到div。我无法使用JQuery访问它。 – Bryan 2015-03-20 18:07:30

-3

首先第一件事情，你忘了分号 ';'后边框，

border: 0px !important

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

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

如果这是不是另一个错字，这可能是为什么：

您在此处调用2个单独的div类，但是您将它们写入div中作为div。

.rc-anchor .rc-anchor-standard {

替换^这个五：

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

2014-11-24 16:23:39

抱歉，发布时丢失的分号是错字。不幸的是，div是通过在DOM准备好后Google使用的iframe加载的，所以我无法访问它。 – Paul 2014-11-24 16:29:15

这对于解决OQ问题没有帮助。 – Bryan 2015-03-20 18:06:17

这些样式位于另一个域（google.com）一个iframe中，所以没有机会改变他们因同域策略。 ..

可以缩放与验证码的div的内容（<div id="g-recaptcha" ...）

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

2015-03-29 21:20:52 TnT

回答