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

使用

transform: scale(0.8);

为我工作。

Answer 2

此链接包含您需要的信息 http://www.ehow.com/how_12218694_make-recaptcha-smaller.html

请注意，由于谷歌提供的验证码图片，最小宽度将为300像素。但是，如果300仍然太大，你可以尝试这个聪明的黑客调整宽度小于300，然后在悬停时弹出更大。不理想，但确实有效。祝你好运。 http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

Answer 3

我也在我的项目中使用了recaptcha，并且在recaptcha的宽度上遇到了同样的问题。我通过使用下面的CSS修复了这个问题。

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

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

Answer 4

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

修改recaptcha表格宽度

4 个答案: