reCaptcha样式被打破了

Question

我将reCaptcha实现到以下网站.我使用了Google Code中的recaptchalib.php,并没有更改PHP文件中的任何内容.

但是,我网站上的结果reCaptcha似乎破了.按钮上方有奇怪的空白区域.它工作得很好,但它不漂亮:(

这是有问题的网站: http:// ###(已删除)

这是我用来回显reCaptcha表单的代码

require_once('recaptchalib.php');
$publickey = "XXXXXXXXXXX"; // you got this from the signup page
echo recaptcha_get_html($publickey);

最好的祝福

Answer 1

我在使用reCaptcha的所有网站上遇到了同样的问题.CSS在某种程度上被扭曲了.但我发现它是身体标签中的线高.我相信你也有同样的问题.只需在样式表中使用此css即可.

#recaptcha_area, #recaptcha_table { line-height: 0!important;}

Answer 2

刚刚添加了Re-Captcha(05/2014),以下css片段为我工作.

   .recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
        line-height: 0 !important;
   }
   #recaptcha_area input {
        height: auto;
        display: inline;
   }

Answer 3

在我的例子中,我不得不重置小部件的display高度属性input:

#recaptcha_area input {
    height: auto;
    display: inline;
}