Как изменить размер Google noCAPTCHA reCAPTCHA
Как я могу изменить высоту и ширину элементов управления Google reCAPTCHA без использования атрибутов css?
преобразовать -webkit-transform, преобразование происхождения, -webkit-transform-origin,
Спасибо вам всем
@TemaniAfif: я имею в виду изменить размер элементов управления без использования transform -webkit-transform, transform-origin, -webkit-transform-origin,
Ответы 2
вы можете найти решение здесь https://geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/
HTML:
<script src='https://www.google.com/recaptcha/api.js'></script>
<div align = "center">
<div class = "container">
<p>Edit JS var reCaptchaWidth <br>to the size you need</p>
<form action = "" method = "get">
<div class = "g-recaptcha" data-
sitekey = "6Le53RUUAAAAAGyChlQ0QhnPO8FXEFRzskMCofVR"></div>
</form>
<!--CTA -->
<p> </p>
<a class = "btn" href = "#" style = "float: center;"><strong>SUBMIT</strong></a>
<p></p>
</div>
</div>
Я говорю в вопросе, который мне не нужен (transform -webkit-transform, transform-origin, -webkit-transform-origin)
Я в том же вопросе, пакет преобразований - визуальный и не вносите изменения dom, я имею в виду ...
Вот что мне нужно: рекапча и кнопка внизу.
Но когда я применяю преобразование, рекапча использует то же пространство, но с пустым пространством, поэтому я пытаюсь создать версию с той же высотой, но без ширины и работаю только в Firefox Developer Tool, потому что рекапча - это iFrame, и, что хуже всего, он ограничен, поэтому вы не можете получить доступ с помощью js.
Мое решение - вернуться к традиционному и универсальному решению НО с разными позициями в зависимости от страницы и работает.
.g-recaptcha{-webkit-transform:scale(0.77);-webkit-transform-origin:0 50%;transform:scale(0.77);transform-origin:0 50%;}
#index .g-recaptcha{-webkit-transform-origin:0 100%;transform-origin:0 100%;}
Надеюсь, этот ответ поможет решить вашу проблему. Привет,
что вы имеете в виду под css атрибуты?