css - fontawesome 堆叠在 primeng 按钮上

Question

我尝试了不同的方法来在带有文本的 primeng pbutton 上添加堆叠图标，但无济于事。任何人都可以解决这个问题，而按钮的高度不会是正常高度的两倍吗？

我试过:

<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>