如何更改Google Plus页徽章的CSS样式?
问题描述:
我对https://developers.google.com/+/plugins/badge/config如何更改Google Plus页徽章的CSS样式?
配置旗徽章加入Google+呈现iframe中的内容。 如何改变iframe中的类风格?
答
您不能更改它,因为谷歌加代码不在您的服务器上。 如果您的页面和iframe代码位于同一台服务器上,则只能修改iframe CSS。
答
目前看来目前还没有办法做到这一点。我试图编辑CSS摆脱恼人的边框和白色背景:
.yeb {
background-color: none !important;
border: 0px solid gainsboro !important;
}
但由于CSS是在谷歌的服务器,你不能覆盖的IFRAME。这是Google论坛中的当前feature request。
答
你可以做一个小窍门:
的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;}
我没有这使我自己,我有它来自谷歌论坛。
但是,Google似乎不仅仅使用iframe的东西,而且还使用javascript,目前我遇到了问题,因为我有预定义的表格css,而且google + button也使用它,所以它有点混乱,有些“泡沫”的一部分被撞毁。 – tildy
我知道。我询问有关更改CSS样式的其他方法。 Facebook喜欢它。 –
是的 - 由于跨网站政策,你无法做任何事情。直到谷歌提供了一种方式来改变它。您可以随时向iframe添加边框,或者重新设置iframe的大小 - 但不会修改iframe中的内容。 – Applehat