Recaptcha - 表单定制

有谁知道 recaptcha 是否可以在没有默认框架的情况下完全自定义。我需要验证码图像和输入字段只有一定的宽度。以前有人成功做到过吗？

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

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

然后，您在页面上创建一个 div 以匹配custom_theme_widgetID 像这样：

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

图像将被插入到recaptcha_imagediv，因此您可以使用 CSS 限制其宽度，如下所示：

#recaptcha_image img {
    width: 200px;
}

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

请参阅“外观和感觉定制”部分here http://recaptcha.net/apidocs/captcha/client.html有关您可以（并且应该）在自定义主题中执行哪些操作的更多示例。