Recaptcha V2 图像挑战来自 iframe

Question

我在 iframe 中添加了 reCaptchaV2，复选框和一切正常。

但有时当需要选择的图像带来额外的挑战时，它会在我的 iframe 后面渲染。

如下

如果我可以选择下图中的 div（浅蓝色选择中的一个）并更改它的 z-index 值。 它将高于我的 iframe。

但我无法选择它。

我已经尝试了以下

1. 添加以下css

.g-recaptcha-bubble-arrow + div
{
    position: absolute !important;
    z-index: 3000000000 !important;
}

但是它只选择了 g-recaptcha-bubble-arrow 下方的 div 并且改变它的 z-index 是行不通的。

2. 使用这个 jQuery

$('.g-recaptcha-bubble-arrow').parent('div').css('z-index', 3000000000);

没有。没有变化

3. 添加这个 css

iframe[title="recaptcha challenge"] {
    position: absolute !important;
    z-index: 3000000000 !important;
}

这也没有效果

我如何选择所有的父div（上面recaptcha挑战css屏幕截图中的那个）？

如果我可以选择它并更改它的 z-index，以下将是输出。 这就是我想要达到的。

请帮我解决这个问题。