Как изменить размер Google ReCAPTCHA? - PullRequest
Новая
       18

Как изменить размер Google ReCAPTCHA?

0 голосов
/ 31 мая 2019

Изображение задачи:

Код: 

<div class="text-xs-center" id="DIVCATCHA" runat="server">
  <asp:HiddenField runat="server" ID="hdnImageSelected" />
  <div class="g-recaptcha" data-sitekey="" style="transform:scale(0.81);-webkit-transform:scale(0.81);transform-origin:0 0;-webkit-transform-origin:0 0;" >
  </div>
</div>

1 Ответ

0 голосов
/ 31 мая 2019

Используя свойство CSS transform, вы можете добиться изменения ширины, изменив весь масштаб reCAPTCHA.

Добавив всего два встроенных стиля, вы можете сделать reCAPTCHA идеально подходящим: 

<div class="g-recaptcha" 
     data-theme="light" 
     data-sitekey="XXXXXXXXXXXXX" 
     style="transform:scale(0.77);transform-origin:0 0">
</div>

Более подробную информацию можно найти здесь: https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

...