Question

我正在考虑开始使用这种图标技术作为字体，因为它看起来非常棒。但我似乎无法弄清楚如何在链接悬停时改变颜色。这是一个供你玩的jsfiddle：

正如您将看到的那样，当您悬停一个像“警告”这样的文本时，文本会变为蓝色，我也希望图标/字体也变为蓝色。

有人知道怎么做吗？

感谢。

Answer 1

.caution.icon:hover:before{content:"\0021";color:green }

当您将鼠标悬停在链接上时，这会使警告图标变为绿色，我相信您可以根据需要自定义该想法！ http://jsfiddle.net/agentmilindu/eNhUf/24/

Answer 2

字体图标库通常使用预先生成的内容将图标注入元素。这意味着您需要定位该区域并设置颜色。

<p class="icon caution email">Email</p>
<style type="text/css">
   .icon.caution, .icon.caution:before { color:blue; }
</style>

Answer 3

试试这个：

.icon:hover, .icon:hover:before { color: blue; }