잘못된 디스플레이 Recaptcha 및 IE

Question

IE9 <과 함께 Recaptcha의 "깨끗한"테마를 사용하면 captcha 입력에 대한 입력이 (#recaptcha_table> tbody : nth-child (1)> tr : nth-child (2)), 그러나 위에 다시 보인다. 어떻게 정확하게 CSS를 변경 입력을 표시하려면?

Answer 1

제가 확인한 reCAPTCHA가 IE 8에서 작동하지 않습니다.

이 문제를 해결하는 가장 간단한 방법은 자신 만의 reCAPTCHA 스타일을 만드는 것입니다. 따라서, reCAPTCHA의 "깨끗한"템플릿을 사용하는 것은 필요하지 않습니다.

확인 JSBin을 :

이 코드가 reCAPTCHA를 표시됩니다은 (I는 "깨끗한"에 similary 스타일을 만들었습니다) http://jsbin.com/utubal/1/edit 또는 아래의 확인 :

<style> 
    #recaptcha_widget { 
    width: 400px; 
    padding: 5px; 
    border: 1px solid #CCCCCC; 
    font-family: Calibri, Ubuntu Light, Arial; 
    font-size: 12px; 
    } 
    #recaptcha_widget a { 
    text-decoration: none; 
    color: #2D7FC0; 
    font-weight: bold; 
    } 
    #recaptcha_image { 
    border: 1px solid #CCCCCC; 
    } 
    #recaptcha_response_field { 
    width: 300px; 
    } 
    </style> 
    <script type="text/javascript"> 
    var RecaptchaOptions = { 
     theme : 'custom', 
     custom_theme_widget: 'recaptcha_widget' 
    }; 
    </script> 
    <div id="recaptcha_widget" style="display:none"> 
    <div style="float:left; width: 80%;"> 
    <div id="recaptcha_image"></div> 
    <div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div> 

    <span class="recaptcha_only_if_image">Enter the words above:</span> 
    <span class="recaptcha_only_if_audio">Enter the numbers you hear:</span> 

    <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" style="border: 1px solid #cccccc;"/> 
    </div> 
    <div style="float: left; margin-left: 10px;"> 
    <div><a href="javascript:Recaptcha.reload()">REFRESH</a></div> 
    <div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')">AUDIO</a></div> 
    <div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type('image')">IMAGE</a></div> 

    <div><a href="javascript:Recaptcha.showhelp()">Help</a></div> 
    </div> 
    <div style="clear: both;"></div> 
    </div> 

    <script type="text/javascript" 
     src="http://www.google.com/recaptcha/api/challenge?k=YOUR_PUBLIC_KEY"> 
    </script> 
    <noscript> 
    <iframe src="http://www.google.com/recaptcha/api/noscript?k=YOUR_PUBLIC_KEY" 
     height="300" width="500" frameborder="0"></iframe><br> 
    <textarea name="recaptcha_challenge_field" rows="3" cols="40"> 
    </textarea> 
    <input type="hidden" name="recaptcha_response_field" 
     value="manual_challenge"> 
    </noscript> 

을 나는이 당신을 도움이되기를 바랍니다!

추신 : YOUR_PUBLIC_KEY를 (2 곳) 키로 무시해야합니다.