html - 显示元素状态的图标

标签 html css icons glyphicons

我有一个元素,我需要使用图标显示元素的状态。我有不同的状态,如新的、开放的、进行中的、完成的、接受的。 任何人都可以建议最好的图标来显示元素的上述状态。

提前致谢。

最佳答案

根据 UI 有两组最常用的库:

Material 图标:

Material Design Icons

字体很棒的图标:

Font awesome version 4

Font awesome version 5

其中很少有图标与加载动画一起可用。 所以如果你选择 Font awesome version 4图标:

然后按照你的顺序:

  1. 新 - fa-plus-circle
  2. 打开 - fa-folder-open
  3. 进行中 - fa-spinner
  4. 已完成 - fa-check-square

    注意:对于 Font-awesome 版本 4.7。将以上名称连同后缀 fa 一起分配给类。要更改特定图标的颜色,请使用图标类名称(即上面的示例,如果是 New .fa .fa-plus-circle { css } )

关于html - 显示元素状态的图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54664915/

相关文章:

windows - Vista 如何为与我的应用程序关联的文档生成图标?

macos - 如何从 Mac OSX Mavericks 的 Dock 中删除应用程序图标?

html - 从开发站点转移到实时站点会破坏 CSS

html - 如何让 <legend> 文本换行?

javascript - 插入的 &lt;script&gt; 标签可以在不使用 JavaScript 中的 eval 的情况下多次运行吗?

JavaScript 变量卡在循环内 - 无法访问

javascript - 如何修复图像重叠 Bootstrap

html - 为什么没有应用 CSS 样式?

javascript - 如何将鼠标事件添加到 div 集并从数据库表单单击 div 加载数据?

java - 单击按钮后(即执行操作后)更改按钮的背景