如何更改Google Recaptcha宽度?

时间:2015-06-18 15:30:55

标签: css asp.net css3 captcha recaptcha

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

我的网站是快速响应的,但我可以改变我的Google recaptcha,以便变得敏感。

这是如何实现我的验证码:

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

我看起来像:

enter image description here

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

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

注意:这是Google Captcha的默认风格,而不是我的,&#34; inline-1&#34;。

有人知道怎么做吗?

由于

2 个答案:

答案 0 :(得分:2)

让你的规则更具体:

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

答案 1 :(得分:0)

将以下样式属性添加到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;
}