리캡차 스타일링이 깨졌습니다.

리캡차 스타일링이 깨졌습니다.

저는 다음 웹사이트에 reCaptcha를 구현하였습니다.리테일찰리브를 사용했습니다.구글 코드에서 나온 php이며 PHP 파일에는 아무것도 변경되지 않았습니다.

하지만, 제 웹사이트의 리캡차 결과가 깨지는 것 같습니다.단추 위에 희한한 흰색 공간이 있습니다.잘 먹히긴 하지만 예쁘지는 않아요 :(

http://#### (제거) 문제가 있는 웹사이트입니다.

여기 제가 reCaptcha 양식을 메아리칠 때 사용한 코드가 있습니다.

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

안부 전합니다

제가 사용한 모든 웹사이트에서 동일한 문제가 발생했습니다.CSS는 다소 왜곡되어 있었습니다.하지만 저는 그것이 바디 태그에서 제 선 높이라는 것을 발견했습니다.저는 당신에게도 같은 문제가 있다고 믿습니다.이 CSS를 스타일시트에 사용하시면 됩니다.

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

최근에 추가된 Re-Captcha(05/2014), 다음의 cs 스니펫이 저에게 효과가 있습니다.

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

저 같은 경우에는, 제가 초기화를 해야만 했습니다.display높이 특성 및 높이 특성input위젯:

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

이거 나한테 통했어요!!

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

이것은 나에게 효과가 있었습니다.

.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 를 사용자 지정할 수 있습니다.

이것은 나에게 효과가 있었습니다.

#recaptcha_table { 
    table-layout: auto;
}

언급URL : https://stackoverflow.com/questions/16636510/recaptcha-styling-is-broken