zurb foundation中的图标如何反转、反转、悬停？

Question

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

这让我在背景颜色图标上有一个前景。

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

但我想要前景图标上的背景。我原以为它只是一个名称更改，或者添加一个 class?

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

希望对您有所帮助！