如何反转，反转，悬停zurb基础中的图标？

Question

如何反转，反转，否定（应该怎么称呼？）Zurb Foundation中的图标？

这为我提供了背景颜色图标的前景。

<i class="fi-marker"></i>

但我想要一个前景图标背景。我期待它只是一个名称更改，或添加一个类？

playground page在悬停时似乎没有任何问题，所以我认为这是一件小事：

Answer 1

看起来他们只是在几个元素上设置了几个样式。以下是我从playground page中提取的一些样式。

.f-dropdown li:hover, .f-dropdown li:focus {
    background: #eeeeee
}

.f-dropdown.content:hover li {
    background:transparent;
}

.f-dropdown.content:hover {
    background:#000;
}

.f-dropdown.content:hover i {
    color: #FFF;
}

希望这有帮助！