Lo stile reCaptcha è rotto

Question

Ho implementato reCaptcha nel seguente sito Web. Ho usato recaptchalib.php da Google Code e non ho modificato nulla nel file PHP.

Tuttavia, il risultato reCaptcha nel mio sito sembra essere rotto. I pulsanti hanno uno strano spazio bianco sopra di loro. Funziona bene, ma non è abbastanza :(

Ecco il sito che ha problema: http://### (rimosso)

Ecco il codice che ho usato per eco forma reCaptcha

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

Cordiali saluti

Answer 1

Ho avuto lo stesso problema su tutti i siti Web che ho utilizzato reCaptcha. Il CSS è stato in qualche modo distorto, ma ho scoperto che era il mio limite di altezza nel tag del corpo. Basta usare questo css nel tuo foglio di stile.

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

Answer 2

Nel mio caso, ho dovuto resettare i display e height del widget input:

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

Answer 3

Proprio di recente aggiunti Re-Captcha (05/2014), e le seguenti frammenti i CSS per me.

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

Answer 4

Questo ha fatto il trucco per me

#recaptcha_table { 
    table-layout: auto; 
} 

Answer 5

Questo ha funzionato per me !!

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

Answer 6

questo ha lavorato per me

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

}

di personalizzare più https://developers.google.com/recaptcha/old/docs/customization?hl=en