Question

我想在白色中使用font-awesome图标fa-sort-asc，并希望它指向正确的方向

<i class="fa fa-sort-asc" aria-hidden="true"></i>

这可能吗？

Answer 1

排序图标上下指向。如果你想指向正确，请不要使用排序图标。

The Font-Awesome icon list包含"caret right"，这似乎是您想要的。

将其设为白色as you would make anything white in CSS。

Answer 2

如果您确实要将fa-sort-asc图标指向右侧，则可以使用CSS3 transform属性将其旋转90°。

此外，您可以使用fa-inverse类将其设为白色。

HTML：

<i class="fa fa-sort-asc fa-inverse rotate90" aria-hidden="true"></i>

CSS：

.rotate90 { transform: rotate(90deg); }

body {
  background: gray;
}

.rotate90 {
  transform: rotate(90deg);
}

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />

<i class="fa fa-sort-asc fa-inverse rotate90" aria-hidden="true"></i>

字体真棒排序图标指向右边

2 个答案: