2014-11-24 19 views
5

Ben uyguladık Googleın yeni recaptcha onay kutusu şöyle:styling google'ın yeni recaptcha onay kutusu mı?

<div class="g-recaptcha" data-sitekey="MY_SITE_KEY"><div> 

yüklendiği zaman iframe içeriği aşağıdaki gibi görünecektir: Burada

enter image description here

<div class="rc-anchor rc-anchor-standard"> 
    ... 
</div> 
akım görünüm için tanımlanmış stilleri :

.rc-anchor-standard { 
    background: #f9f9f9; 
    border: 1px solid #d3d3d3; 
    color: #000; 
} 
.rc-anchor-standard { 
    background: #ffffff !important; 
    border: 0px !important; 
    color: #ffffff !important; 
} 

bu asla değiştirir tarzı ... herhangi düşünceler olmamasının sebebi: Benim css dosyasına bu ekledik

enter image description here

: 210 Ben bu görünüm elde çalışıyorum Çalışma?

sayesinde -Paul

+1

http reCAPTCHA ile div içeriğini ölçeklendirebiliyoruz: // s tackoverflow.com/questions/217776/how-to-apply-css-to-iframe – MrPk

+1

@paul Aynı problemle karşı karşıyayım. Bunu çözebildin mi? -Evet, nasıl? –

+0

Benzer bir şey yapmaya çalışıyorum, "rc-anchor-alert" sınıfıyla div'a kendi özel hata mesajlarını eklemek istiyorum. JQuery kullanarak erişemiyorum. – Bryan

cevap

-3

İlk şeyler ilk, bir noktalı virgül unuttum ';' kenarlıktan sonra, beyaz metin ve kenarlık kodunun iptal edilmesi belki de budur. Bunu düzeltirim ve herhangi bir şey değişip değişmediğine bakarım.

========================================

bu takdirde başka bir yazım hatası değil, bu neden olabilir:

Burada 2 ayrı div sınıfı çağırıyorsunuz, ancak bir div içinde div olarak yazdınız.

.rc-anchor .rc-anchor-standard { 

^Bu v ile bu Değiştir:

.rc-anchor, .rc-anchor-standard { 
+0

üzgünüm eksik yarı kolon, yazarken bir yazım hatası oldu. Ne yazık ki, div, DOM kullanıma hazır olduktan sonra kullandığı iframe yoluyla yüklenir ve bu yüzden ona erişimim olmaz. – Paul

+0

Bu, OQ'nun çözünürlüğüne ulaşmak için işe yaramıyor. – Bryan

2

Bu stiller hiçbir şansı nedeniyle aynı etki alanları politikasına bunları değiştirmek için, başka bir etki (google.com) bir iframe içinde yer almaktadır. ..

Sen (... <div id="g-recaptcha")

#g-recaptcha { 
    transform: scale(1.42); 
    transform-origin: 0 0 0; 
}