爲移動設備調整大小/樣式reCaptcha

我目前在調整格式的reCaptcha元素的大小（或造型）。在移動設備上查看錶單（縱向）時，它會掛起一點，看起來很sl。。爲移動設備調整大小/樣式reCaptcha

表單來自formstack並由腳本呈現。我已經能夠使用CSS對錶單的每個其他元素進行樣式設置，併爲每個使用jQuery的輸入添加佔位符屬性，而不會有任何問題。但是，似乎一旦我回到reCaptcha塊，這兩個選項都不起作用。我已經能夠直接在Chrome開發工具中進行更改，以獲得我想要的結果（或者可以工作的結果），但是一旦將這些結果應用於CSS或jQuery，它們都無法工作。我也通過these google recaptcha docs看，但是這甚至不是同一種...而是，this is what I'm working with。

因此，我不確定接下來要做什麼或在哪裏尋找解決方案。

我試過針對單個元素並改變它們的大小，我嘗試過從元素中移除背景，因爲這樣會使它看起來不那麼「時髦」。

有沒有其他人有類似的問題？如果需要代碼，我會提供它，這只是由該腳本渲染的代碼。我知道，如果沒有它，甚至可能很難建議我出錯的地方，但我不確定某人是否能夠建議另一個選項嘗試？

謝謝！

來源

2017-07-18 HKoehler

你所說的「在移動設備[形式的意思做。 ..]掛了一下「？這是否意味着表單的一面被切斷，因爲它超出了顯示器的右邊或底邊？ – JohnH

使用CSS轉換屬性，您可以通過更改reCAPTCHA的整個縮放比例來實現更改寬度。

隨着短短兩年內聯樣式的幫助下，你可以讓reCAPTCHA的配合很好的移動設備上：

<div class="g-recaptcha" 
data-theme="light" 
data-sitekey="XXXXXXXXXXXXX" 
style="transform:scale(0.77);transform-origin:0 0">

來源

2017-07-18 18:22:13

我應該添加什麼元素？生成的html中沒有此類的預先存在的div。 – HKoehler

您必須在「腳本標記」中添加此項。 CAPTCHA代碼可以在腳本標籤中自定義。您可以通過更改$ image_width＆$ image_height來更改CAPTCHA的大小。通過更新$ characters_on_image可以更改驗證碼中的字符數。 –

爲移動設備調整大小/樣式reCaptcha

回答

相關問題