Twitter bootstrap 3 覆盖Google'；s新的reCaptcha使其响应速度更快

我正在努力寻找一种方法来覆盖谷歌新的recaptcha样式。我相信新版本是从api JS文件中加载样式的

有人知道如何覆盖它，使其在引导中响应吗

<script src="https://www.google.com/recaptcha/api.js?render=onload"></script>
<div class="g-recaptcha" data-sitekey="key"></div>

---

您的问题不清楚要覆盖哪些属性

Google的代码在div中加载一个iframe，class

g-recaptcha

。iframe有自己的样式表。您可以使用javascript或jQuery在iframe中操纵样式表，请参阅：

---

在使用jQuery操作样式表之前，应该确保已加载iframe。请参阅：api似乎没有提供触发此onload事件的函数。

只需使iframe像这样响应即可

.g-recaptcha{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  }
  .g-recaptcha iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  }
this will make it res

---

我想在Boukraa Mohamed的想法中再补充一点：

.g-recaptcha > iframe

---

这样，即使iframe在多个div标记内部向下，它也能工作。

使用下面提到的代码

.g-recaptcha {transform: scale(0.85); transform-origin: left top;}

---

好主意，但现在验证码在一些文本较长的语言（如德语）中存在一些溢出问题。