Question

目前，它看起来像一个旁边没有文字的正方形，我们想要定制外观＆amp;感觉不会打扰图标当然与我们的其他按钮相匹配。

已经尝试将样式添加到转换为共享图标的div，但到目前为止还没有成功。

<div id='widget-div' class='btn btn-blue'>Google Classroom</div>

以上行呈现如下：

知道如何进一步研究或研究哪个方向？

Answer 1

要获得完全不同的共享按钮，您需要编写自己的JS以正确设置按钮样式，处理鼠标单击等，然后将用户定向到https://classroom.google.com/share?url=https://foo.com/形式的URL（{ {3}}）。（您还需要关注source。）

Answer 2

要修改按钮，您可以参考Share button文档。但是，您需要遵循一些限制来以适当的方式修改“课堂”按钮。

Here您可以找到徽标的所有规格和限制。检查这些规格是否允许您根据需要修改徽标。

Answer 3

您可以将白色徽标（方形或圆形）放在您选择的彩色背景上。完整的品牌指南here