recaptchaテーブルの幅を変更する

Question

私は自分のサイトの連絡フォームにrecaptchaを統合しようとしていますが、テーブルの幅を変更することはできませんが、それは692pxでレンダリングされ、その他のものは320pxの幅に設定されています。私はrecaptcha imgの幅を設定することができましたが、テーブル幅を変更することはできません。

これは私が使用していCSSです：

table#recaptcha_table.recaptchatable.recaptcha_theme_white { 
    width: 50% !important; 
} 

#recaptcha_widget_div { 
    width: 320px !important; 
} 

.recaptcha-div { 
    width:320px; 
} 

Answer 1

このリンクは、必要な情報を持っています。
http://www.ehow.com/how_12218694_make-recaptcha-smaller.html

googleから提供されるcaptcha画像のため、最小幅は300pxになることに注意してください。しかし、まだ300が大きすぎる場合は、この賢いハックを試して、300より小さい幅を調整し、ホバーで大きく飛び出してください。理想的ではありませんが、機能します。運が良かった。使用

transform: scale(0.8); 

http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

Answer 2

は私のために働きました。

Answer 3

私も自分のプロジェクトでrecaptchaを使用し、同じ問題をrecaptchaの幅に直面しました。私はこれを以下のCSSを使って修正しました。

スタイル= "変換：スケール（0.77）; - WebKitの-変換：スケール（0.77）;変換原点：0 0; -webkit-変換原点：0 0;"

これはあなたの問題を解決すると思います。

Answer 4

.g-recaptcha { 
    display: block; 
    max-width: 190px; 
    overflow: hidden; 
    border-right: 1px solid #d3d3d3; 
}