修改recaptcha表宽度

Question

我想在我的网站上整合一个联系表格上的recaptcha，但无法获得表格的宽度改变，它呈现在692px，而我的一切设置为320px的宽度。我能够设置recaptcha img的宽度，但我无法更改表格宽度。

这是我使用的CSS：

table#recaptcha_table.recaptchatable.recaptcha_theme_white { 
    width: 50% !important; 
} 

#recaptcha_widget_div { 
    width: 320px !important; 
} 

.recaptcha-div { 
    width:320px; 
} 

Answer 1

此链接有你需要的信息。
http://www.ehow.com/how_12218694_make-recaptcha-smaller.html

请记住，由于谷歌提供的验证码图像，最小宽度将是300px。但是，如果300仍然太大，您可以尝试使用这种巧妙的方法来调整小于300的宽度，然后在悬停时弹出较大的宽度。不理想，但确实有效。祝你好运。 http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

Answer 2

使用

transform: scale(0.8); 

为我工作。

Answer 3

我还在我的项目中使用了recaptcha，并在recaptcha的宽度方面面临同样的问题。我通过使用下面的CSS来解决这个问题。

风格= “变换：比例（0.77）; - WebKit的变换：比例（0.77）;变换原点：0 0; -webkit-变换原点：0 0;”

我认为这会解决您的问题。

Answer 4

.g-recaptcha { 
    display: block; 
    max-width: 190px; 
    overflow: hidden; 
    border-right: 1px solid #d3d3d3; 
}