如何使字体真棒图标按钮处于禁用状态？

Question

我正在使用超棒的字体图标按钮，我需要使图标处于禁用状态。我可以使用Bootstrap禁用类使它看起来像禁用按钮，但是它是可单击的。有什么办法可以使非点击？

这是我的HTML代码：-

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<button class='btn btn-primary disabled' disabled>
  <i class="fa fa-search"></i>
</button>

Answer 1

使用 pointer-events: none;

button{
    pointer-events: none;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<button class='btn btn-primary disabled' disabled>
  <i class="fa fa-search"></i>
</button>