指向右侧的字体真棒排序图标答案

【问题标题】：font awesome sort icon pointed to right指向右侧的字体真棒排序图标
【发布时间】：2016-09-05 09:28:18
【问题描述】：

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

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

这可能吗？

【问题讨论】：

标签： twitter-bootstrap font-awesome

【解决方案1】：

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

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

把它变成白色as you would make anything white in CSS。

【讨论】：

正是我需要的。谢谢:)

【解决方案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>

【讨论】：