Css 修改recaptcha表格宽度
我试图在我的站点上的联系人表单上集成recaptcha,但无法更改表的宽度,它以692px的速度呈现,而我将其他所有内容设置为320px的宽度。我可以设置recaptcha img的宽度,但无法更改表格宽度 这是我正在使用的css: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 !
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;
}