自定义CSS可以更改不可见的ReCAPTCHA的显示吗?

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

我在WordPress CF7表单中使用隐形ReCAPTCHA。高级验证码设置允许将徽章定位在右下角、左下角或内联位置。我喜欢只显示底部设置的徽章图标,但我不喜欢它在视口中滚动的粘性,尤其是在狭窄的移动设备上。内联设置将验证码放置在表单底部提交按钮的正上方,但不幸的是,它以完全展开状态显示。任何人都可以向以下任一方推荐CSS:

1)是否使用右下角设置并防止其滚动

2)更改内联设置以仅显示徽章图标(受悬停显示内容的保护)

我想出来了

  • 转到TCHA的面板,选择徽章右下角

  • 在CSS样式表中添加:

  • .grecaptcha徽章{
    宽度:70px!重要;
    高度:60px;
    位置:静态!重要;
    浮子:对!很重要;
    转换:translateY(12px);/*底部对齐徽章图标和CF7提交按钮。
    您的价值可能需要不同*/
    }
    .grecaptcha徽章:悬停{
    宽度:256px!重要;
    }