fontngwesome堆叠在priming按钮上

Question

我尝试了不同的方法在带有文本但没有用的按钮上添加堆叠的图标。任何人都有解决方案，而按钮的高度不是正常高度的两倍？

我尝试过：

<button pButton type="button" icon="fa fa-stack fa-download fa-ban fa-stack-1x" iconPos="left" label="no download"></button>

和

        <button pButton type="button">
            <span class="fa-stack"><i class="fa fa-download fa-stack-1x"></i><i class="fa fa-ban fa-stack-1x" style="color:tomato"></i></span> no download
        </button>

但是两者都没有给出我想要的结果。

编辑以在图片中进行解释。

我想要这样的 但我得到这个

Answer 1

尝试在aria-hidden="true"元素上使用<i>。就像这样：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css">
<button pButton class="btn btn-default" type="button">
  <i class="fa fa-download" aria-hidden="true"></i>
  <i class="fa fa-ban" aria-hidden="true"></i>
</button>