我如何更改 Google Recaptcha 宽度？

Question

我尝试在 ASPX 项目中实现 google recaptcha v1，为此我使用了一个 DLL，并且我有一个用于表单所有字段的控件验证器。

我的网站是响应式的，但我可以更改我的 Google recaptcha 的 with 以使其也响应式。

这是实现我的验证码的方法：

<div>
        <captcha:RecaptchaControl Theme="white"  
         ID="RecaptchaControl1" runat="server"
         PublicKey="mypublicKey"
         PrivateKey="myprivatekey" />  
</div>

我看起来像：

在响应模式下：我的设备的宽度是：300px 但验证码是 width: 318px 当我检查元素时我发现了这个：

#recaptcha_area, #recaptcha_table {
width: 318px !important;
}

注意：这是 Google 验证码的默认样式，不是我的，"inline-1"。

有人知道怎么做吗？

谢谢

Answer 1

只是让你的规则更具体：

html #recaptcha_area, html #recaptcha_table {
    width: 300px !important;
}

Answer 2

将以下样式属性添加到紧靠 iframe

上方的特定 div 元素

html #recaptcha_area, html #recaptcha_table {
   transform: scale(0.77);
   -webkit-transform: scale(0.77);
   transform-origin: 0 0; 
   -webkit-transform-origin: 0 0;
}