如何更改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样式？

回答

相关问题