css - 什么是 Font Awesome 4.x 等同于 3.x 的 "icon-white"类？

Question

我正在将使用 Font Awesome 3.2.1 的自定义 PHP 代码升级到 Font Awesome 4.1。神话般的upgrade instructions通过更改图标命名约定解决了我所有的问题。但是，我被困在 3.2.1 的 icon-white 类上，它应该使图标变成白色(如果我没记错的话)。

我在 FA 4.x 中找不到此类的任何等效项。 Font Awesome 是基于字体的图标集，因此不需要额外的类来改变单一颜色。这应该在 CSS 级别完成。

即便如此，我也不确定，我应该如何替换以下代码以使其与 Font Awesome 4.x 兼容:

Html::link('<i class="icon-ok icon-white"></i>');

正在关注 mentioned upgrade instructions ，我将icon-ok更新为fa-check，但是icon-white呢？我应该完全删除它吗？这样生成的链接还会是白色的吗？

Answer 1

Font awesome 有一个新类 .fa-inverse 用于此。

或者..

您可以创建自己的类，只需将 icon-white 添加到图标的 CSS 中，然后将其定义为:

i.icon-white:before{
  color:white;
}

Font Awesome 为其图标使用 :before 伪元素，因此您可以根据自己的喜好设置样式。

Demo Fiddle