私はV2.0 reCAPTCHAの(チェックボックス「私はロボットじゃない」との1)の境界線を非表示にしたかった、と次のようにそれを解決:
reCAPTCHAのdivの(ラップ"g-recaptcha"クラスでマークされているもの)を別のdivで整列し、iframeよりも少し小さいサイズにしてiframeをposition:relativeとleft:-10pxで移動して境界を隠します。
"コンパクト"バージョンを使用している場合は、サイジングを調整する必要があります...私は "通常"バージョンの作品を提供しています。
注: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;
}