如何为 Google 课堂分享按钮使用圆形徽标？答案

【问题标题】：How can I use the round logo for the Google Classroom Share Button?如何为 Google 课堂分享按钮使用圆形徽标？
【发布时间】：2016-05-19 17:12:51
【问题描述】：

我想使用“Google Classroom Branding Guidelines”页面中显示的谷歌课堂分享按钮的圆形标志。

我使用了“Add a Classroom Share Button”页面中的示例，但我不知道如何使用圆形徽标而不是方形徽标。

谁能帮忙？

【问题讨论】：

【解决方案1】：

使用CSS更改图标。

在线上传你想要的图标并覆盖background-image-rule

当使用示例代码时，我得到 e CSS 规则，例如：

.mgQYsb {
    background-image: url("https://www.gstatic.com/classroom/logo_square_48.svg");
}

用

覆盖此规则

.mgQYsb {
    background-image: url("<your url>/<your logo>") !important;
}

让我们希望班级保持不变。或者你可能会发现一个更一般的规则，它不考虑类，比如

div.hrIdWidgetContainer>div>div> {
    background-image: url("<your url>/<your logo>") !important;
}

我尝试使用实际规则来查看圆形徽标是否位于 gstatic.com 上的同一文件夹中，但没有找到任何东西。

【讨论】：

【解决方案2】：

您不能“配置”分享按钮本身以使用不同的徽标；要做到这一点，您需要"manually" display the icon and then direct the user to the REST share endpoint。

【讨论】：