Как изменить размер google recaptcha с помощью javascript

Привет, я вставил Google Recaptcha на свою страницу, мне нужно изменить размер немного больше. Я получил ответ в методе преобразования css, который работает, но не поддерживает браузер Firefox, он поддерживает только браузер Chrome.

.recaptScale {
    transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

Мне нужен код css для изменения размера рекапчи, который поддерживает все браузеры, пожалуйста, помогите мне.


javascript html css recaptcha
person Logesh    schedule 17.05.2016    source источник
comment
Возможный дубликат Нет CAPTCHA reCAPTCHA Resizing   -  person    schedule 17.05.2016
comment
Если вы хотите поддерживать transform в старой версии firefox, используйте -moz перед transform, например -moz-transform:scale(). См. w3schools.com/css/css3_2dtransforms.asp   -  person Mohammad    schedule 21.05.2016

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать CSS transform:scale() для изменения размера элемента google recaptcha.

Нормальный размер:

<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="g-recaptcha" data-sitekey="a"></div>

Маленький размер:

.recaptScale {
    transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}
<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="g-recaptcha recaptScale" data-sitekey="a"></div>

Большой размер:

.recaptScale {
    transform:scale(2);
    -webkit-transform:scale(2);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}
<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="g-recaptcha recaptScale" data-sitekey="a"></div>

person Mohammad    schedule 17.05.2016