更改reCAPTCHA背景颜色的样式

5

几个月前,我开始使用谷歌的reCAPTCHA 2.0,它与我的网站设计相符,但现在突然在右侧和底部包含了白色背景。

演示:http://jsfiddle.net/70wq55y2/

罪魁祸首的样式是:

body {
    margin: 0;
    background-color: white;
}

很不幸,由于它在iframe中,我无法访问它,但我想知道是否有其他“技巧”可以尝试,因为这现在在我的网站上看起来非常丑陋。

谢谢!

1个回答

10

方法有些巧妙,但您可以更改iframe的大小来去除额外的白色空间,然后将其圆形化以匹配验证码的圆角边框。

iframe { border-radius: 5px; width: 302px; height: 76px; }

这就是我所想到的。根据Google文档,reCAPTCHA也有一个黑暗主题,但遗憾的是它不会去除背景中的白色。


1
这也是我使用的,尽管它相当丑陋 :( 您可以使用子选择器或JavaScript仅将其添加到recaptcha iframe中。以下是我开发的旧网站的一个丑陋示例: .g-recaptcha > div > div > iframe { border-radius: 5px; width: 300px; height: 75px; } - Martins.A
这比忍受不平坦的背景要好。谢谢! - Mario Parra

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接