自定义CSS可以更改不可见的ReCAPTCHA的显示吗?
我在WordPress CF7表单中使用隐形ReCAPTCHA。高级验证码设置允许将徽章定位在右下角、左下角或内联位置。我喜欢只显示底部设置的徽章图标,但我不喜欢它在视口中滚动的粘性,尤其是在狭窄的移动设备上。内联设置将验证码放置在表单底部提交按钮的正上方,但不幸的是,它以完全展开状态显示。任何人都可以向以下任一方推荐CSS: 1)是否使用右下角设置并防止其滚动 2)更改内联设置以仅显示徽章图标(受悬停显示内容的保护) 我想出来了自定义CSS可以更改不可见的ReCAPTCHA的显示吗?,css,invisible-recaptcha,Css,Invisible Recaptcha,我在WordPress CF7表单中使用隐形ReCAPTCHA。高级验证码设置允许将徽章定位在右下角、左下角或内联位置。我喜欢只显示底部设置的徽章图标,但我不喜欢它在视口中滚动的粘性,尤其是在狭窄的移动设备上。内联设置将验证码放置在表单底部提交按钮的正上方,但不幸的是,它以完全展开状态显示。任何人都可以向以下任一方推荐CSS: 1)是否使用右下角设置并防止其滚动 2)更改内联设置以仅显示徽章图标(受悬停显示内容的保护) 我想出来了 转到TCHA的面板,选择徽章右下角 在CSS样式表中添加: .
.grecaptcha徽章{
宽度:70px!重要;
高度:60px;
位置:静态!重要;
浮子:对!很重要;
转换:translateY(12px);/*底部对齐徽章图标和CF7提交按钮。
您的价值可能需要不同*/
}
.grecaptcha徽章:悬停{
宽度:256px!重要;
}