当前位置: 首页 > 知识库问答 >
问题:

字体排序图标指向右侧

阎令
2023-03-14

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

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

这有可能吗?

共有2个答案

赫连晋
2023-03-14

如果您真的想将fa-sort-asc图标指向右侧,您可以使用CSS3转换属性将其旋转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);
}
html prettyprint-override"><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>
闻人越
2023-03-14

排序图标向上和向下指向。如果你想指向右边,不要使用排序图标。

字体-真棒图标列表包括“插入符号右”,这似乎是你想要的。

让它变成白色,就像你在CSS中做任何白色的东西一样。

 类似资料:
  • 主要内容:什么是字体图标?,获取字体图标,CSS 规则解释,用法,实例,带有字体图标的导航栏,实例,定制字体图标,图标列表本章将讲解字体图标(Glyphicons),并通过一些实例了解它的使用。Bootstrap 捆绑了 200 多种字体格式的字形。首先让我们先来理解一下什么是字体图标。 什么是字体图标? 字体图标是在 Web 项目中使用的图标字体。虽然,Glyphicons Halflings 需要商业许可,但是您可以通过基于项目的 Bootstrap 来免费使用这些图标。 为了表示对图标作者

  • 我的要求如下图所示,我的导航抽屉应该从右侧打开。我已经实现了这一点。我的导航抽屉从右向左打开。但问题是切换图标总是在左侧。如何将切换图标设置在右侧? 我查过以下SO问题,但没有一个有用: 将导航抽屉中的切换按钮图像图标从右改为左

  • 我在研究空间日期时遇到了一个问题。我有一个包含列的表:对象id及其坐标(纬度和经度,数据类型是几何体)。我需要按照从西北到东南方向的坐标对这些数据进行排序。我该怎么做?我想我当然需要使用“orderby”和索引。但是哪一个和如何?

  • 已知字母序列【d, g, e, c, f, b, o, a】,请实现一个函数针对输入的一组字符串 input[] = {“bed”, “dog”, “dear”, “eye”},按照字母顺序排序并打印,结果应为:dear, dog, eye, bed。 说明 本问题在网上比较常见,但这里尝试用另外一个思路,并且用python来写,与众多用c++的有所不同,且似乎短小了不少。自己感觉比网上参考到的更

  • 本文向大家介绍详解Bootstrap glyphicons字体图标,包括了详解Bootstrap glyphicons字体图标的使用技巧和注意事项,需要的朋友参考一下 本章将讲解字体图标(Glyphicons),并通过一些实例了解它的使用。Bootstrap 捆绑了 200 多种字体格式的字形。首先让我们先来理解一下什么是字体图标。 首先给大家介绍什么是字体图标: 字体图标是在 Web 项目中使用

  • 我使用字体很棒,不希望添加CSS与HTTP。我下载了Font Awesome并将其包含在我的代码中,但Font Awesome显示的是一个有边框的方框,而不是图标。下面是我的代码: 我想知道如何使图标显示而不是边框方框。