造型谷歌的新的recaptcha複選框？

我實現了谷歌新的驗證碼複選框，像這樣：造型谷歌的新的recaptcha複選框？

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

加載時iframe的內容是這樣的：

<div class="rc-anchor rc-anchor-standard"> 
    ... 
</div>

enter image description here

下面是當前外觀定義的樣式：

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

我試圖做到這一點看：

enter image description here

我已經添加到了我的CSS文件：

.rc-anchor-standard { 
    background: #ffffff !important; 
    border: 0px !important; 
    color: #ffffff !important; 
}

的風格永遠不會改變...任何想法，爲什麼這不是加工？

感謝， - 保羅

2014-11-24 Paul

的http：//小號tackoverflow.com/questions/217776/how-to-apply-css-to-iframe – MrPk 2014-11-24 16:45:34

@paul我正面臨同樣的問題。你能解決它 - 如果是，如何？ – 2015-01-28 16:32:41

我正在嘗試做類似的事情，我想用「rc-anchor-alert」類將我自己的自定義錯誤消息添加到div。我無法使用JQuery訪問它。 – Bryan 2015-03-20 18:07:30

-3

首先第一件事情，你忘了分號 ';'後邊框，

border: 0px !important

也許這是取消白色文本和邊框代碼。我會解決這個問題，看看有沒有變化。

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

如果這是不是另一個錯字，這可能是爲什麼：

您在此處調用2個單獨的div類，但是您將它們寫入div中作爲div。

.rc-anchor .rc-anchor-standard {

替換^這個五：

.rc-anchor, .rc-anchor-standard {

2014-11-24 16:23:39

抱歉，發佈時丟失的分號是錯字。不幸的是，div是通過在DOM準備好後Google使用的iframe加載的，所以我無法訪問它。 – Paul 2014-11-24 16:29:15

這對於解決OQ問題沒有幫助。 – Bryan 2015-03-20 18:06:17

這些樣式位於另一個域（google.com）一個iframe中，所以沒有機會改變他們因同域策略。 ..

可以縮放與驗證碼的div的內容（<div id="g-recaptcha" ...）

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

2015-03-29 21:20:52 TnT

回答