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

标签 javascript jquery html css recaptcha

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

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

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

这是谷歌提供的原始版本

enter image description here

我想改成这个

enter image description here

如果有人能帮助我,那当然是完美的。但我有一种感觉,它不会改变。

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

最佳答案

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

关于javascript - 是否可以用不同颜色的图标更改 recaptcha 图标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48444699/

相关文章:

javascript - 如何停止下面提到的 jQuery 15 秒后的淡入淡出和滑动?现在它正在无限地进行

javascript - 对象 HTMLcollection[0] 不断返回未定义

javascript - 如何将图像源插入到文本区域中 onclick react

javascript - Chrome : Will an error in code invoked from the dev console trigger window. 错误?

表的 jQuery css 选择器

javascript - 函数中未定义或空变量

css - 以 Angular 自定义 css 加载器

javascript - 从 popState() 获取 PushState() 的状态

javascript - 找不到 TypeScript 属性错误 :

javascript - 复杂对象的 Angular 自定义过滤器