Google recaptcha 样式问题，用 css 或 javascript 解决？

Question

我正在为我的网站使用 recaptcha v.2，但出于某种原因，它会破坏布局，因为它不会调整父框 (div) 的 space 的大小。

这是我的代码：

<script type="text/javascript">
    var onloadCallback = function() {
        grecaptcha.render('recaptcha', {
            'sitekey' : 'mysitekey'
        });
    };
</script>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
async defer>

和html：

<div class="form-group">
    <div id="recaptcha" required=""></div>
</div>

表单组已经是max-width: 100%;但出于某种原因，recaptcha 不遵循该规则：

这是一个例子：

https://careercollege.sehc.com/vancouver/programs/hca-diploma-program/.

有什么建议吗？

Answer 1

我有时会这样做：

#recaptcha {
    overflow: hidden;
    border-right: solid 1px lightgray;
}