设计新的 Google reCAPTCHA API v2
Google 的 reCAPTCHA API v2 带来了简化而复杂的用户体验。然而,设计这些新控件的样式给许多开发人员带来了挑战。
为什么自定义样式受到限制?
与它的前身不同,API v2 由于其先进的风险分析后端。该后端评估用户与整个 reCAPTCHA 流程的交互,这对于保持控制元素外观的完整性至关重要。
主题与自定义样式
API v2 确实提供了预设主题(浅色和深色),可以通过在 reCAPTCHA URL 中设置主题参数来应用这些主题。但是,目前没有创建自定义主题的选项。
包装元素样式
虽然禁止直接设置 reCAPTCHA 控件的样式,但开发人员可以设置包装元素的样式iframe。为此,请检查 iframe 的 src 属性并相应地调整主题参数。
主题和控制元素
以下主题参数对应于应用于的特定 CSS 类名称iframe 中的包装元素:
结论
目前,完全样式化 reCAPTCHA v2 元素是不可能的。只有包装元素可以通过 CSS 进行修改。此限制可能是为了防止干扰后端分析逻辑。未来,Google 可能会考虑实现有限的自定义主题 API,但全面的样式仍然不太可能。
以上是您可以设计新的 Google reCAPTCHA API v2 吗?的详细内容。更多信息请关注PHP中文网其他相关文章!