在实现新的谷歌Invisible reCATPTCHA时，默认情况下，当你滚动屏幕时，屏幕右下方会弹出一个小的“受reCAPTCHA保护”徽章。
我想把这个藏起来。
当前回答
注意:如果您选择隐藏徽章，请使用 .grecaptcha-badge{可见性:隐藏;｝
只要在用户流中可见地包含reCAPTCHA品牌，您就可以隐藏徽章。请包括以下文本:
此站点受reCAPTCHA和谷歌. com保护 <a href="https://policies.google.com/privacy">隐私策略</a> and <a href="https://policies.google.com/terms">服务条款</a>适用。
更多细节请点击这里
其他回答
这不会禁用垃圾邮件检查
div.g-recaptcha > div.grecaptcha-badge {
width:0 !important;
}
Recaptcha联系人表单7和Recaptcha v3解决方案。
body:not(.page-id-20) .grecaptcha-badge {
display: none;
}
有多个联系表单页面?
body:not(.page-id-12):not(.page-id-43) .grecaptcha-badge {
display: none;
}
如果你有更多的联系表单页面，你可以添加更多的“不”。
body:not(.page-id-45):not(.page-id-78):not(.page-id-98) .grecaptcha-badge {
display: none;
}
确保你的主体部分是这样的:
<body>
更改它，使它看起来像这样:
<body <?php body_class(); ?>>
谷歌现在允许隐藏徽章，从常见问题解答:
我想把reCAPTCHA徽章藏起来。什么是允许的? 只要在用户流中可见地包含reCAPTCHA品牌，您就可以隐藏徽章。请包括以下文本: 此站点受reCAPTCHA和谷歌. com保护 <a href="https://policies.google.com/privacy">隐私策略</a> and <a href="https://policies.google.com/terms">服务条款</a>适用。 例如:
所以你可以简单地隐藏它使用下面的CSS:
.grecaptcha-badge {
visibility: hidden;
}
不要使用display: none;因为它似乎禁用了垃圾邮件检查(谢谢@Zade)
将数据标记属性设置为内联
<button type="submit" data-sitekey="your_site_key" data-callback="onSubmit" data-badge="inline" />
并添加以下CSS
.grecaptcha-badge {
display: none;
}
是的，你能做到。您可以使用css或javascript隐藏reCaptcha v3徽章。
CSS方式 使用display: none或visibility: hidden隐藏reCaptcha批。这既简单又快捷。
.grecaptcha-badge {
display:none !important;
}
Javascript的方式
var el = document.querySelector('.grecaptcha-badge');
el.style.display = 'none';
隐藏徽章是有效的，根据谷歌政策，并在faq回答这里。建议显示谷歌的隐私政策和使用条款，如下所示。
