所以我一直在研究一个小部件，除了一些让我有点烦恼的小东西外，我已经完成了很多工作。用户将在其网站上复制和粘贴的小部件脚本如下所示。
<script src="http://www.example.com/widget.js"></script>
<a href="#" class="my-chat" data-key="10"></a>
然后在 widget.js 中，我有一行将锚文本添加到这样的 a 标签。
$('.my-chat').html('Chat now');
我希望锚文本在活动或悬停时具有某种颜色等说蓝色，我在它的 css 文件中有描述，但是根据它所在的网站，他们的 css 可能有其他 css 属性的链接，我意识到小部件的锚文本会根据添加的网站进行修改。我想让锚文本尊重我在小部件的 css 中定义的内容，但我真的不知道如何。我看到了另一个使用标签的小部件，但我并不真正了解它们是什么以及如何使用它们。