Recaptcha темные тематические дисплеи с дополнительным белым пространством по краям

Я новый веб-разработчик, пытаюсь добавить последнюю Recatpcha на сайт с темным фоном. Он отображается с пробелами на некоторых краях-недавняя ошибка, которая также обсуждается в Recaptcha Google group . Я пытаюсь разработать обходной путь, пока они не исправят это. Recaptcha отображается в виде iframe - поэтому он должен быть настроен-но ни одно из свойств, видимых в DOM, не выглядит как "фон". Как заставить фон iframe быть прозрачным?

Мой код здесь: 

<!DOCTYPE HTML>
<head>
  <style>
  body {
      background-color: rgb(30, 30, 40);
  }
  </style>
  <script src='https://www.google.com/recaptcha/api.js?hl=en'></script>
</head>

<body>
  <div class="g-recaptcha" data-theme="dark" data-sitekey="6LcZuQwTAAAAAA-qE3415DMsfeGdeQ6WWlzm4Lqz"></div>
</body>
</html>

Большое спасибо!

Джош

1 2
html css iframe recaptcha

1 ответ:

Быстрое исправление: 

body {
      background-color: rgb(30, 30, 40);
  }
.g-recaptcha {
    overflow:hidden;
    width:298px;
    height:74px;


}
iframe {
  margin:-1px 0px 0px -2px;  

}

Демо: http://jsfiddle.net/76rkfb2w/

Как @ CookieMan sad, содержимое iframe не может быть стилизовано, но, держатель iframe, и iframe box это само-может. Итак, это должно работать на темном фоне...

4