I'm using Google's reCAPTCHA like this in my html:
<div class="g-recaptcha" data-sitekey=""></div> and also adding this script <script src='https://www.google.com/recaptcha/api.js'></script>.
How can I get rid of the dark grey background? I've tried changing the background-color of the recaptcha_response_field but it doesn't change anything.
I solved the issue by removing the background color for the iframe that Google reCAPTCHA creates.
This is what Google reCAPTCHA creates:
<div class="g-recaptcha" data-sitekey="">
<div style="width: 304px; height: 78px;">
<div>
<iframe title="reCAPTCHA" src="" width="304" height="78" role="presentation" name="a-cvin5ubac2l0" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe>
</div>
</div>
</div>
I changed the css for that iframe to background-color: inherit;