html - 更改 Google+ 徽章样式

标签 html css iframe google-plus

我生成了一个Google+ badge对于我的页面。

问题是,它只有 2 个主题(浅色和深色),而且不太适合我的网站。

我想删除灰色边框并使背景透明。

Google 提供的代码基本上包含一个带有 API 的 js 文件,然后将一个带有徽章的 IFrame 附加到我的页面。

因此,我无法更改 IFrame 的 CSS,因为 src 的域与我的域不同。

我似乎找不到任何记录的方法来自定义徽章样式。

但是,我遇到了 Android website并注意到他们有相同的徽章,但设法删除了背景和边框。在深入研究 Android 的页面源代码后,我发现他们使用与我相同的 API 和相同的标记来包含徽章。

有人知道他们是如何定制它的吗?

最佳答案

查看 <a href="//plus.google.com/104629412415657030658" id="page-badge-border"></a> 的样式在 android.com 上。它有一个白色边框,覆盖了徽章的灰色边框。

关于html - 更改 Google+ 徽章样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9625646/

相关文章:

javascript - 如何正确使用forceUpdate()?

php - 在 php/html 中创建类似框架的结构?

javascript - 如何从jtemplate中的javascript读取数据

html - 为什么显示:table set the parent element's height to its biggest floating child element's height?

javascript - 如何检测以 javascript 结束的窗口滚动?

html - 使CSS不影响 child

html - 2 列彼此独立滚动

jquery - 使用jQuery突出显示元素,无法获取内部元素

html - 如何从屏幕底部开始选取框文本?

javascript - 复制动态元素大小