Question

我是一名新的网络开发者，试图将最新的Recatpcha添加到背景较暗的网站。它在某些边缘显示空白区域 - 最近的错误也在Recaptcha Google group中讨论。我试图开发一种解决方法，直到他们解决它。 Recaptcha显示为iframe - 因此它应该是可配置的 - 但DOM中可见的所有属性都不像＆＃34; background＆＃34;。你如何强制iframe背景透明？

我的代码在这里：

＆＃13;

<!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>

＆＃13;

非常感谢！

约什

Answer 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很难过，iframe的内容无法设置样式，但是，iframe和iframe框的持有者可以自行设置。所以，这应该适用于黑暗的背景...

Recaptcha黑暗主题显示边缘有额外的空白区域

1 个答案: