reCaptcha styling не работает

Question

Я внедрил reCaptcha на следующий веб-сайт. Я использовал recaptchalib.php из Google Code и ничего не менял в файле 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 был как-то искажен. Но я обнаружил, что это была моя линия-высота в теге body. Я считаю, что у вас тоже проблема. Просто используйте этот css в вашей таблице стилей.

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

Answer 2

В моем случае, я должен был сбросить display и высоты свойства input виджета:

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

Answer 3

Совсем недавно добавленным 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 4

Это сделал трюк для меня

#recaptcha_table { 
    table-layout: auto; 
} 

Answer 5

Это работал для меня !!

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

Answer 6

это работало для меня

.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