如何使用 Google 课堂共享按钮的圆形徽标？

Question

我想使用 Google 课堂共享按钮的圆形徽标，如“Google Classroom Branding Guidelines”页面所示。​​

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

有人可以帮忙吗？

Answer 1

您不能"configure" 共享按钮本身使用不同的徽标；为此，您需要 .

Answer 2

使用CSS更改图标。

下载圆形图标包：https://developers.google.com/classroom/assets/classroom_circle_logo.zip

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

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

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

用

覆盖这条规则

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

希望 class 保持不变。或者你可能会发现一个更通用的规则，它不考虑 class，比如

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

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