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

Question

我想使用“谷歌课堂品牌指南”页面中显示的谷歌课堂分享按钮的圆形标志。

我使用了“添加课堂分享按钮”页面中的示例，但我不知道如何使用圆形徽标而不是方形徽标。

任何人都可以帮忙吗？

Answer 1

您不能“配置”共享按钮本身以使用不同的徽标；为此，您需要“手动”显示图标，然后将用户定向到 REST 共享端点。

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

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

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

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