如何更改Google Plus頁徽章的CSS樣式？

我對https://developers.google.com/+/plugins/badge/config 如何更改Google Plus頁徽章的CSS樣式？

配置旗徽章加入Google+呈現iframe中的內容。如何改變iframe中的類風格？

來源

2011-11-19 Bohdan Hdal

您不能更改它，因爲谷歌加代碼不在您的服務器上。如果您的頁面和iframe代碼位於同一臺服務器上，則只能修改iframe CSS。

來源

2011-12-07 13:19:22 tildy

但是，Google似乎不僅僅使用iframe的東西，而且還使用javascript，目前我遇到了問題，因爲我有預定義的表格css，而且google + button也使用它，所以它有點混亂，有些「泡沫」的一部分被撞毀。 – tildy

我知道。我詢問有關更改CSS樣式的其他方法。 Facebook喜歡它。 –

是的 - 由於跨網站政策，你無法做任何事情。直到谷歌提供了一種方式來改變它。您可以隨時向iframe添加邊框，或者重新設置iframe的大小 - 但不會修改iframe中的內容。 – Applehat

目前看來目前還沒有辦法做到這一點。我試圖編輯CSS擺脫惱人的邊框和白色背景：

.yeb { 
    background-color: none !important; 
    border: 0px solid gainsboro !important; 
}

但由於CSS是在谷歌的服務器，你不能覆蓋的IFRAME。這是Google論壇中的當前feature request。

來源

2012-05-17 13:14:06

你可以做一個小竅門：

的IFRAME的HTML：

<div id="social_gplus_circle"> 
<div id="social_gplus_circle_inner"><g:plus href="https://plus.google.com/105379671042990608528" size="smallbadge"></g:plus></div> 
</div>

用於特技的CSS：

#social_gplus_circle{overflow: hidden;width: 105px;height: 45px;padding-top: 7px;} 
#social_gplus_circle_inner{overflow: hidden;position: relative;top: -20px;left: -130px;height: 50px;width: 276px;} 
iframe{display: block!important;}

我沒有這使我自己，我有它來自谷歌論壇。

來源

2013-01-25 13:21:39

如何更改Google Plus頁徽章的CSS樣式？

回答

相關問題