有谁知道在没有默认框架的情况下是否可以完全自定义 recaptcha。我需要 recaptcha 图像和输入字段一样只有一定的宽度。有没有人成功地做到了这一点。
最佳答案
您可以使用“自定义”主题选项指定自定义标记,方法是在您的页面上包含如下内容:
<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有关您可以(和应该)在自定义主题中做什么的更多示例。
关于php - Recaptcha - 表单自定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1715575/