html - 如何反转、反转、悬停zurb基础中的图标？

Question

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

这给了我背景颜色图标的前景。

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

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

游乐场页面似乎在悬停时显示它没有任何问题，所以我假设这是一件小事：

Answer 1

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

.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;
}

希望这可以帮助！