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;
}

Answer 4

这对我有用!!

#recaptcha_area input {
       height:auto;
       display: inline;
   }
#recaptcha_area * {
  line-height:normal;
}

Answer 5

这对我有用

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

}

更多地定制它 https://developers.google.com/recaptcha/old/docs/customization?hl=en

Answer 6

这对我来说很有把戏

#recaptcha_table { 
    table-layout: auto;
}

reCaptcha样式被打破了

6 个答案: