修改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

請記住，由於谷歌提供的驗證碼圖像，最小寬度將是300px。但是，如果300仍然太大，您可以嘗試使用這種巧妙的方法來調整小於300的寬度，然後在懸停時彈出較大的寬度。不理想，但確實有效。祝你好運。 http://blog.cdeutsch.com/2011/03/make-recaptcha-smaller.html

Answer 2

使用

transform: scale(0.8); 

爲我工作。

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; 
}