javascript - 如何在范围 css 中覆盖第 3 方的 css（recaptcha）？

Question

我想隐藏 google recaptcha 的徽章。如果我检查元素，它看起来像这样：

我尝试这样：

<style scoped>
   .grecaptcha-badge {
        display: none !important;
    }
</style>

但它不起作用

如果我这样尝试：

<style>
   .grecaptcha-badge {
        display: none !important;
    }
</style>

有用

但是对于这种情况，我必须使用scope，因为我只想在某些页面上隐藏 recaptcha 的徽章

我怎么解决这个问题？