html - 如何使用 css 定位和设置 Google recaptcha 的样式？

Question

我正在尝试调整我的 Google recaptcha 的长度和位置，但如果我使用 div 它不起作用，如果我使用类，它也不起作用。

.anr_captcha_field {width: 100px}

还试过:

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

HTML

<span class="wpcf7-form-control- 
wrap your-message"><textarea 
name="your-message" cols="40" 
rows="10" class="wpcf7-form-control 
wpcf7-textarea" aria- 
invalid="false"></textarea></span> 
</label></p>
<p><div class="anr_captcha_field">. 
<div id="anr_captcha_field_1" 
class="anr_captcha_field_div">. 
</div></div><span class="wpcf7- 
form-control-wrap g-recaptcha- 
response"></span></p>
<p><input type="submit" 
value="Send" class="wpcf7-form- 
control wpcf7-submit" /></p>

页码:https://adsler.co.uk/contact-us/

Answer 1

我很确定你想让它像你的其他领域一样圆润，对吧。尝试使用 css，如果可行请告诉我。

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