如何自定义Google教室共享按钮的外观

Question

目前,它看起来像一个旁边没有文字的正方形,我们想要自定义外观和感觉,而不会打扰当然的图标以匹配我们的其他按钮.

已经尝试将样式添加到div转换为共享图标的样式,但到目前为止还不成功.

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

以上行呈现如下:

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

Answer 1

要获得完全不同的共享按钮，您需要编写自己的 JS 来正确设置按钮样式、处理鼠标单击等，然后将用户定向到https://classroom.google.com/形式的 URL分享？url=https://foo.com/（来源）。（您还需要遵循品牌指南。）