Recaptcha 深色主题显示，边缘有额外的白色 space
Recaptcha dark theme displays with extra white space on edges
我是一名新的网络开发人员，正在尝试将最新的 Recatpcha 添加到具有深色背景的网站。它在某些边缘显示为白色 space - 最近的一个错误也在 Recaptcha Google group 中讨论。我正在尝试开发一种解决方法，直到他们修复它。 Recaptcha 显示为 iframe - 因此它应该是可配置的 - 但是 DOM 中可见的 none 属性看起来像 "background"。你如何强制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>
非常感谢！
乔希
快速修复：
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 框本身可以。所以，这应该适用于深色背景...
我是一名新的网络开发人员，正在尝试将最新的 Recatpcha 添加到具有深色背景的网站。它在某些边缘显示为白色 space - 最近的一个错误也在 Recaptcha Google group 中讨论。我正在尝试开发一种解决方法，直到他们修复它。 Recaptcha 显示为 iframe - 因此它应该是可配置的 - 但是 DOM 中可见的 none 属性看起来像 "background"。你如何强制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>
非常感谢！
乔希
快速修复：
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 框本身可以。所以，这应该适用于深色背景...