html - 如何调整 Google noCAPTCHA reCAPTCHA 的大小

标签 html css recaptcha

如何在不使用 css 属性的情况下调整 Google reCAPTCHA 控件的高度和宽度?

变换 -webkit-变换, 变换原点, -webkit-transform-origin ,

谢谢大家

最佳答案

我遇到了同样的问题,转换包是可视的 并且不对 dom 进行更改,我的意思是......

Test example

这就是我需要的:Recaptcha 和底部的按钮。

enter image description here

但是,当我应用转换时,recaptcha 使用相同的空间但有空格,因此,我尝试制作一个高度相同但宽度减去的版本并且仅在 Firefox 开发人员工具中工作,因为 recaptcha 是一个 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%;}

enter image description here enter image description here

希望这个回复能解决您的问题。 问候,

关于html - 如何调整 Google noCAPTCHA reCAPTCHA 的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52025961/

相关文章:

firewall - Recaptcha-在中国的可用性

java - 我可以在 Web 服务中使用 htmlunit 吗?

javascript - CSS Sprite 加载

php - 如何在 PHP 中从 MySql 读取波斯语字符串?

javascript - 如何将css类调用到javascript中

jquery - 菜单链接以#.U3htHECyIpJ 标签打开

php - reCaptcha 表格样式中断 - 底部似乎有一个额外的边框,按钮周围有白色边框

recaptcha - 如何仅获取数字验证码?

html - IE 不会将 RTL 段落环绕在 float 元素周围

javascript - 重叠图像跨越 CSS 或 HTML 中的表格单元格边框