如何更改Google Plus Pages徽章的CSS样式？

Question

我在https://developers.google.com/+/plugins/badge/config

上配置标准徽章

用于Google+呈现iframe内容。 我如何在iframe中更改类样式？

Answer 1

此时似乎目前无法做到这一点。我尝试编辑CSS以摆脱恼人的边框和白色背景：

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

但由于CSS位于Google服务器中，因此您无法覆盖iFrame。这是Google论坛中的当前feature request。

Answer 2

你可以做一个小技巧：

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;}

我自己没有这样做，我是从谷歌论坛上得到的。

Answer 3

您无法更改它，因为google plus代码不在您的服务器上。 如果您的网页和iframe代码位于同一台服务器上，则只能修改iframe CSS。