是否可以使用不同颜色的图标更改recaptcha图标?

时间:2018-01-25 14:00:35

标签: javascript jquery html css recaptcha

我一直在尝试更改recaptcha v2中的验证码图标/徽标,我最初尝试使用普通的CSS,但这并没有帮助。然后我尝试使用jQuery来查看Iframe是否已完全加载,然后使用jQuery更改它。

图标/徽标是通过CSS文件从其中一个Google网站加载的。在文件中,他们调用元素.rc-anchor-logo-img。这是一个带有图标/徽标的div。这个div的CSS是:

.rc-anchor-logo-img {
    background: url(https://www.gstatic.com/recaptcha/api2/logo_48.png);
    background-repeat: no-repeat;
}

这是Google提供的原始版本

enter image description here

我想把它改成这个

enter image description here

如果有人可以帮助我,那当然是完美的。但我觉得它不会变得多变。

无论哪种方式,我都要感谢您花时间阅读本文或发表评论。可爱的一天。

1 个答案:

答案 0 :(得分:0)

你无法在iframe中更改HTML的CSS。对此进行更改也违反了Google政策。
但是,可以通过在iframe上添加图片来实现 尝试将验证码放在div中,然后在同一个div中添加图像(透明png图标)。您的图像应该位于其父div的绝对位置。通过更改图像的CSS(左,上),尝试将其重叠在图标上。