Html 如何使用css定位和设计Google recaptcha？

我试图调整我的Google recaptcha的长度和位置，但是如果我使用div，它就不起作用，如果我使用这个类，它就不起作用

.anr_captcha_field {width: 100px}

还尝试：

wpcf7-form-control-wrap g- 
recaptcha- 
response {width: 100px}

Html

。
. 

---

页面：

通过使用CSS transform属性，您可以通过更改reCAPTCHA的整个比例来实现宽度的更改

样本：

---

转换：缩放（0.77）

谷歌的reCAPTCHA在iFrame中。您需要检查如何更改iFrame样式。检查：

我很确定您希望将其作为其他字段进行轮换，对吗。试试下面的css，让我知道这是否有效

#anr_captcha_field_1 {
    width: 310px;
    overflow: hidden;
    border-radius: 20px;
    transform: scale(0.9);
    transform-origin: left top;
    background: #f9f9f9;
}

---

伟大的谢谢请问选择器是什么？谢谢。听起来很复杂。我如何知道我的i框架名称是什么？我可以从您的页面检查中看到iframe name=“a-fwjh6e9ycmaf”如果您想设置整个reCAPTCHA iframe的宽度，可以使用选择器iframe{width:500px；}或更好的iframe[name=“a-fwjh6e9ycmaf”]{width:500px；}您可以使用这些方法将css应用于iframe，但我不会使用这些方法，因为您将为非常小的定制做大量的hacks/代码。这不值得，谢谢你。因此，它确实瞄准了它，边缘有点圆，但看起来有点奇怪，除了延伸灰色背景之外，它对宽度没有任何影响。请看这里，它想延伸宽度以适应形状的宽度，但只延伸灰色背景…它也瞄准了左上角的边界半径，但似乎其他角没有那么多。。。至少它允许我把它移动到页面的中心，所以，如果你说没有iframe，调整宽度是不可能的，而且你的css是css对它所能做的极限，我会标记正确……是的，我没有针对iframe，因为我们不能简单而好地做到这一点。因此，我认为可以使用parent div使recaptcha与表单的其余部分类似。看看这里：谢谢。没有实际的方法使盒子本身更宽，而不是盒子后面的灰色区域？不，不是用简单的方法。也许通过一些先进的方法是可能的，但相信我，它们根本不可靠，也不值得。

#anr_captcha_field_1 {
    width: 310px;
    overflow: hidden;
    border-radius: 20px;
    transform: scale(0.9);
    transform-origin: left top;
    background: #f9f9f9;
}