html - reCaptcha 容器未正确加载

Question

出于某种奇怪的原因，我的 reCaptcha 容器块似乎已损坏。我怀疑这可能是我设定的不喜欢的风格，但对于我的生活，我无法弄清楚它是什么。

该项目的链接是http://www.nbwindscreenrepairs.com/keytosuccess/

您会注意到各个块似乎发生了移动。

有任何想法吗？

Answer 1

另一个论坛的回答：

span#recaptcha_privacy {
    display:none;
}

这会删除此页面的链接：http ://www.google.com/intl/en/policies/

Answer 2

请试试这个：

.recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r7_c1 {
    background-position-x: -43px;
    background-position-y: -52px;
    height: 5px;
}

img#recaptcha_reload, img#recaptcha_whatsthis_btn { 
    height: 17px !important;
}

img#recaptcha_switch_audio {
    height: 18px !important;
}

保留!important以覆盖内联样式。

结果如下：

Answer 3

不记得这段代码的来源。但它解决了问题。

<style type="text/css">
    #recaptcha_area input[type="text"] {
        display: inline-block;
        height: auto;
    }
</style>

放置在recaptcha存在的文件中。

希望能帮助到你。

Answer 4

虽然我迟到了，这对我有用，下面的代码解决了我的问题

<style type="text/css">
    .recaptchatable .recaptcha_input_area #recaptcha_response_field{
     margin: 0 !important;
     top: 12px !important;
     padding: 2px !important;

    }
</style>