使用标签代替锚文本

Question

所以我一直在研究一个小部件，除了一个让我烦恼的小东西之外，我已经完成了很多工作。用户将在其网站上复制和粘贴的窗口小部件脚本如下所示。

<script src="http://www.example.com/widget.js"></script>
<a href="#" class="my-chat" data-key="10"></a>

然后在widget.js中我有一行将锚文本添加到这样的标签中。

$('.my-chat').html('Chat now');

我希望锚文本在活动时或悬停时是某种颜色等等说蓝色并且我在其css文件中有描述，但是根据它所放置的网站，他们的css可能有其他css属性用于链接和我意识到小部件的锚文本会根据添加的网站进行修改。我想使锚文本尊重我在小部件的CSS中定义的内容，但我真的不知道如何。我看到这个使用标签的小部件，但我真的不明白它们是什么以及如何使用它们。

Answer 1

将此添加到您的css

 a.my-chat{ color:blue !important;}
    a.my-chat:hover{ color:red !important;}