Php Recaptcha-表单自定义

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

您可以创建一个可以帮助您处理输入字段的自定义，但我认为您在图像大小方面运气不佳-它被固定为300 x 57（您当然可以更改尺寸，但这将导致图像更加扭曲，并且很可能完全无法读取）

---

这适用于firefox，但不确定是否适用于其他浏览器，如果您需要它在ie6中工作，我认为它不接受css图像大小的更改，因此它看起来很不合适。

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

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

图像将被插入到

recaptcha_image

div中，因此您可以使用如下CSS限制其宽度：

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

#recaptcha_image img {
    width: 200px;
}

…但请记住，它将调整浏览器中较大图像的大小，并可能导致验证码无法读取，因此我不建议这样做。

recaptcha\u response\u字段

输入也可以按照您的喜好设置样式

---

请参阅“外观和感觉定制”部分，以了解更多有关您可以（和应该）在自定义主题中执行的操作的示例。

我所做的只是更新reCAPTCHA样式

以下CSS更改图像和容器的宽度和高度。这些维度最初由Google定义，但可以通过向页面添加新样式来覆盖

<style type="text/css">
#recaptcha_image img{
    height:46px;
    width:230px;
    margin: 0px;
    padding: 0px;
}
#recaptcha_container {
    margin: 0px;
    padding: 0px;
    width: 230px;
}
</style>

#重述图像图像img{
高度：46px；
宽度：230px；
边际：0px；
填充：0px；
}
#雷帕查乌集装箱{
边际：0px；
填充：0px；
宽度：230px；
}

请注意，图像越小，用户越难阅读