reCaptcha造型破损

我在以下网站中实施了reCaptcha。我使用Google Code的recaptchalib.php，并没有改变PHP文件中的任何内容。reCaptcha造型破损

但是，在我的网站reCaptcha似乎打破了结果。按钮上方有奇怪的白色空间。它工作得很好，但它不是漂亮:(

这里是有问题的网站： http://###（删除）

这里是我用来呼应验证码形式的代码

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

问候函

来源

2013-05-19 designil

我在使用reCaptcha的所有网站上都遇到了同样的问题，CSS有些扭曲，但是我发现它是我身体标签中的行高，我相信你也有同样的问题。只需使用这个CSS在你的样式表中。

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

来源

2013-06-04 14:09:16 MarieWeb

谢谢MarieWeb！你救了我的命：D – designil

不错。它也适用于我。 –

应该在recaptcha的默认CSS！谢谢！ –

就我而言，我不得不重置input widget的display和height属性：

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

来源

2014-04-29 21:14:13

这对我而言，使用粉底5时。 –

这也适用于我，谢谢你！ – Sparsh

就在最近添加的重新验证码（05/2014），下面CSS代码段工作为了我。

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

来源

2014-06-01 05:51:28 digitallica

我尝试了其他的解决方案，并没有任何工作的解决方案。日期已添加Aug 26，2015.谢谢。 – ThN

这奏效了，我

#recaptcha_table { 
    table-layout: auto; 
}

来源

2014-10-30 00:51:01 user1156124

这为我工作！

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

来源

2014-12-26 14:59:40 Swapnil17

这个工作对我来说

.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

来源

2015-08-21 12:54:58

reCaptcha造型破损

回答

相关问题