Css 修改recaptcha表格宽度

Css 修改recaptcha表格宽度,css,recaptcha,Css,Recaptcha,我试图在我的站点上的联系人表单上集成recaptcha,但无法更改表的宽度,它以692px的速度呈现,而我将其他所有内容设置为320px的宽度。我可以设置recaptcha img的宽度,但无法更改表格宽度 这是我正在使用的css: table#recaptcha_table.recaptchatable.recaptcha_theme_white { width: 50% !important; } #recaptcha_widget_div { width: 320px !

我试图在我的站点上的联系人表单上集成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;
}

此链接包含您需要的信息。

请记住,由于谷歌提供的验证码图像,最小宽度将为300px。然而,如果300仍然太大,你可以尝试这个聪明的方法来调整宽度小于300,然后在悬停时弹出更大的。虽然不理想,但确实有效。祝你好运。 使用

transform: scale(0.8); 

为我工作。

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

style=“变换:缩放(0.77);-webkit变换:缩放(0.77);变换原点:0 0;-webkit转换原点:0


我想这会解决你的问题。

什么是HTML?我们需要它来给你一个正确的答案。或者你可以在jsfiddle.net上发布你的代码示例。你可以编辑你的答案来描述这是如何解决问题的吗?不鼓励只使用代码的答案。谢谢
.g-recaptcha {
    display: block;
    max-width: 190px;
    overflow: hidden;
    border-right: 1px solid #d3d3d3;
}