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

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