Twitter bootstrap 3 如何创建字体图标的禁用状态？

我使用的字体可怕的图标，我需要有一个图标的禁用状态。有没有办法做到这一点。我也在使用引导

这就是我使用图标的方式

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

---

我只需要让图标看起来像灰色。

基本思想就是给它的样式上色

残废
启用

您可以定义“类似引导”的

禁用

类

.fa.disabled,
.fa[disabled],
.disabled > .fa,
[disabled] > .fa {
  opacity: 0.5;
  /*optional*/ cursor: not-allowed;
  /*optional*/ pointer-events: none;
}

然后像这样使用它

<i class="fa fa-slack disabled"></i> <!-- or -->
<i class="fa fa-slack" disabled></i> <!-- or -->
<a class="btn btn-primary disabled"><i class="fa fa-slack"></i></a> <!-- or -->
<a class="btn btn-primary" disabled><i class="fa fa-slack"></i></a>

---

为残疾人编写自定义类

差不多

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

---

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

您可以降低不透明度并禁用指针事件：

.disabled-button{
      opacity: 0.5;
      pointer-events: none;
 }

---

$（“按钮[title='Aceptar']”）prop（“禁用”，true）您可以通过按钮的任何属性（第一个）选择按钮并更改禁用的属性。
这很完美，它禁用了任何单击事件。这也禁用了图标上的工具提示，如何启用工具提示（我们通过title=“”）