如何创建禁用状态的字体真棒图标? [英] How to create disabled state of the font awesome icons?

问题描述

我正在使用超棒的字体图标，并且需要使图标处于禁用状态.有什么办法可以做到这一点.我也在使用引导程序.

I am using font awesome icons and I need to have a disabled state of the icons. is there any way to do this. I am also using bootstrap.

这就是我使用图标的方式.

This is how I am using icons.

<i class="fa fa-slack"><i/>

我只需要图标看起来像是灰色即可.

I just need the icon to look like grayed out.

推荐答案

为残疾人编写自定义类

类似

.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

添加光标类型对于用户体验很重要.

Adding cursor type is important for users experience.

这篇关于如何创建禁用状态的字体真棒图标?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！