使用标签代替锚文本

因此，我一直在研究一个小部件，而且我几乎完成了一些小事情的例外，这些小事让我有些烦恼。用户将在其网站上复制和粘贴的小部件脚本如下所示。使用标签代替锚文本

<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中定义的内容，但我真的不知道如何。我看到了另一个使用标签的小部件，但我并不真正了解它们是什么以及如何使用它们。

来源

2013-07-10 Michael Nana

检查出来的'！important'修改为CSS类 – DevlshOne

@DevlshOne完美！谢谢你，这工作。 –

您需要将小型重置应用于a.my聊天。但是，你必须考虑到某人可能想要以不同的方式塑造你的形象，而重要的事情使得难以做到这一点，所以我只是使用一个非常具体的规则，并给出锚点，并可能为它包装一个特定的ID特异性增加。 – dandavis

添加到您的CSS

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

来源

2013-07-11 03:32:36

使用标签代替锚文本

回答

相关问题