如何自定义 google 课堂共享按钮的外观
How to customize the look & feel of the google classroom share button
目前，它看起来像一个旁边没有文字的正方形，我们希望在不影响图标的情况下自定义外观和感觉，当然要与我们的其他按钮相匹配。
已经尝试为转换为分享图标的 div 添加样式，但目前未成功。
<div id='widget-div' class='btn btn-blue'>Google Classroom</div>
上面一行呈现如下：
知道如何进一步进行或研究哪个方向吗？
修改按钮可以参考Share button文档。但是，您需要遵循一些限制才能以适当的方式修改“课堂”按钮。
Here 您可以找到徽标的所有规格和限制。检查这些规范是否允许您根据需要修改徽标。
您可以将白色徽标（方形或圆形）放在您选择的彩色背景上。完整的品牌指南 here
要获得完全不同的分享按钮，您需要编写自己的 JS 来正确设置按钮样式、处理鼠标单击等，然后将用户引导至 URL 表单 https://classroom.google.com/share?url=https://foo.com/ (source). (You'll need to following the branding guidelines 也是。）
目前，它看起来像一个旁边没有文字的正方形，我们希望在不影响图标的情况下自定义外观和感觉，当然要与我们的其他按钮相匹配。
已经尝试为转换为分享图标的 div 添加样式，但目前未成功。
<div id='widget-div' class='btn btn-blue'>Google Classroom</div>
上面一行呈现如下：
知道如何进一步进行或研究哪个方向吗？
修改按钮可以参考Share button文档。但是，您需要遵循一些限制才能以适当的方式修改“课堂”按钮。
Here 您可以找到徽标的所有规格和限制。检查这些规范是否允许您根据需要修改徽标。
您可以将白色徽标（方形或圆形）放在您选择的彩色背景上。完整的品牌指南 here
要获得完全不同的分享按钮，您需要编写自己的 JS 来正确设置按钮样式、处理鼠标单击等，然后将用户引导至 URL 表单 https://classroom.google.com/share?url=https://foo.com/ (source). (You'll need to following the branding guidelines 也是。）