php - Recaptcha - 表单自定义

Question

有谁知道在没有默认框架的情况下是否可以完全自定义 recaptcha。我需要 recaptcha 图像和输入字段一样只有一定的宽度。有没有人成功地做到了这一点。

Answer 1

您可以使用“自定义”主题选项指定自定义标记，方法是在您的页面上包含如下内容:

<script type="text/javascript">
    var RecaptchaOptions = {
        theme : 'custom',
        custom_theme_widget: 'recaptcha_widget'
    };
</script>

然后您在页面上创建一个 div 以匹配 custom_theme_widget id，如下所示:

<div id="recaptcha_widget">
    <div id="recaptcha_image"></div>
    <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" />
</div>

图像将被插入到 recaptcha_image div 中，因此您可以像这样使用 CSS 限制其宽度:

#recaptcha_image img {
    width: 200px;
}

...但请记住，它会在浏览器中调整较大图像的大小，并可能导致验证码变得不可读，因此我不一定会推荐这样做。 recaptcha_response_field 输入也可以根据您的喜好设置样式。

请参阅“外观自定义”部分 here有关您可以(和应该)在自定义主题中做什么的更多示例。