如何隐藏recaptcha v2.0小部件的边框？

我想隐藏一个recaptcha v2.0小部件的边框，这样我可以更好地将它整合到我的网站的外观和感觉中。如何隐藏recaptcha v2.0小部件的边框？

注：我张贴这是一个问题，并提供解决方案，因为大多数的StackOverflow上的问题，我已经在话题中心周围移除的ReCaptcha的iframe的FRAMEBORDER属性，这”不是个发现从技术上讲，我在追求什么。我追随了这个结果 - 我可以在更大的视觉环境中定位一个无边的recaptcha小部件。

我希望这有帮助！

来源

2016-08-23 Dave

我想隐藏V2.0验证码（就是用“我不是机器人”复选框）的边界，并解决它，如下所示：

裹的ReCaptcha DIV（该一个用类别“g-recaptcha”标记）与另一个div，并且它的尺寸比iframe小一点，并且使用position：relative和left：tenpx来移动iframe，以隐藏边界。

如果您使用的是“紧凑”版本，您需要调整大小...我为“正常”版本提供的CSS。

注：仅在Safari 9.1.2（OSX）上测试过，但我猜这种技术也会转化为其他浏览器。

希望这会有所帮助！

HTML：

<div class="my-div"><div class="g-recaptcha" data-size="normal" data-sitekey="<your site key>"></div><div>

CSS：

.my-div { 
    display: inline-block; 
    overflow: hidden; 
    width: 290px; /* note the embedded iframe is 302x76 */ 
    height: 74px; 
    text-align: left; 
} 

.my-div iframe { 
    position: relative; 
    left: -10px; 
}

来源

2016-08-23 22:40:33 Dave

如何隐藏recaptcha v2.0小部件的边框？

回答

相关问题