Javascript Recaptcha按钮丑陋，无法修复

首先，我只是想让你们知道，我确实检查了“Recaptcha被破坏”的问题，他们的问题的解决方案是将线高度设置为0。不幸的是，这对我没有帮助

我已经在我的网站上实现了谷歌巨大的Recaptcha，但有一个问题；按钮上下都有空白，所以在我的Recaptcha框下面有一个非常难看的图形边框。检查下面的图片。我在浏览器中查看了源代码，它似乎生成了一个iFrame，这意味着我显然不能影响样式。Wtf

---

您可以根据需要自定义reCAPTCHA的样式。直接引自文章：

要实现所有这些，首先将以下代码放在主HTML页面中reCAPTCHA出现的元素之前的任意位置：

<script type="text/javascript">
  var RecaptchaOptions = {
    theme : 'custom',
    custom_theme_widget: 'recaptcha_widget'
 };

var RecaptchaOptions={
主题：“定制”，
自定义_主题_小部件：'recaptcha_小部件'
};

然后，在要显示reCAPTCHA的元素内，放置：

<div id="recaptcha_widget" style="display:none">

  <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" />

  <div><a href="javascript:Recaptcha.reload()">Get another CAPTCHA</a></div>
   <div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')">Get an audio CAPTCHA</a></div>
   <div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type('image')">Get an image CAPTCHA</a></div>

  <div><a href="javascript:Recaptcha.showhelp()">Help</a></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>

不正确，请再试一次
输入上面的单词：
输入您听到的数字：

---

您是否使用过开发人员工具（Firefox的Firebug，或Chome/IE上的F12）来查看您的CSS是否被继承？此外，我在我的ASP.NET系统上使用了Google的reCaptcha，它没有使用

iFrame

，因此可以轻松地选择继承的样式。虽然项目被严重忽略，但这不是重点。使用浏览器的DOM检查工具查找原因。顺便说一句，

iframe

版本仅在禁用JavaScript时出现。因此，最确定的是，您有一些CSS规则导致了这种情况。一些针对所有图像、链接或按钮的通用规则？@Sparky，freefaller，啊，好的，我明白了。是的，我知道它是用JS生成的。我只需要做一些检测工作。这很好，但是OP很可能有CSS，我们看不到这会破坏小部件的默认版本。你的解决方案是，当他只需要检查轮胎时，实际上重新发明车轮。（而且你不需要重新发布文档……对OP发表一个简单的评论也可以。）@Sparky-我承认这一点；我的回答主要是针对问题的“…这意味着我显然不能影响风格”部分。我们也不知道这发生在哪个浏览器上；它可能正确地出现在其他屏幕上。然而，这确实将其显示的控制权转移到了询问者的控制权上。然而，用户在这个断言中是错误的。他已经控制了它的风格。默认小部件不在iframe中。